Webdesign

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.

Pro jednoho klienta dodáváme analyticky i programátorsky hodně zajímavý projekt - Monitoring druhů. Jedná se o sledování parametrů u stovek druhů, přičemž každý druh má nejen velice rozsáhlou, ale také rozdílnou množinu často unikátních parametrů. Realizace je provedena pomocí uživatelské definice formulářů administrátorem systému. Tyto formuláře používají před-definované datové typy, číselníky, našeptávače, subformuláře (včetně neomezeného zanořování) a další prvky. Veškeré hodnoty mohou mít jak 1:1, tak 1:N relace, mohou být povinné či nepovinné. Data z těchto formulářů se ukládají jako XMLType do Oracle 10g.

příklad formuláře

Samotné řešení XML formulářů je tak zajímavé, že bude předmětem několika dalších článků, ale v tomto budu psát o něčem jiném - automatickém ukládání těchto formulářů při jejich editaci uživatelem.

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.

Asi znáte Google auta, co jezdí po celé Evropě a fotí a fotí pro své StreetView, narušujíce (nejen) vaše soukromí. Google je za narušení soukromí popotahován různými úřady, nicméně věc je mnohem horší, než se dosud vědělo. Google při svých spanilých jízdách Evropou od roku 2006 odposluchával, monitoroval a ukládal data z Wifi sítí. Zdroj: NYTimes.com. Tato činnost je pochopitelně v řadě zemí ilegální.

V roce 2006 byla většina Wifi sítí zcela nezabezpečená, dnes je to stále 30-40%. Proč Google systematicky a dlouhodobě odposlouchává uživatele a ukládá jejich data z Wifi sítí je otázkou, "náhoda" či "opomenutí" to ale asi nebude. Samotné monitorování SSID sítí totiž nemá nic společného s masovým ukládáním datové komunikace po čtyři roky na pevný disk.

Pro mě osobně je to další potvrzení správnosti používání dokonalé kombinace Exchange 2010 + Outlook 2010. Microsoft totiž nabízí nejen mnohem lepší funkčnost (zatímco Gmail je srovnatelný s plastovým dětských chrastítkem), ale i absolutní bezpečnost a nezávislost na třetí straně - váš vlastní server.

Google z pohledu bezpečnosti a "dobrých úmyslů" prostě není možné věřit.

F-ART AGENCY s.r.o. spustila před pár dny nový rozsáhlý portál pro rekreační  a rodinnou cyklistiku KOLO.cz. Server KOLO.cz (provozovaný Cycling Media s.r.o.) se soustředí na pomoc a rady začínajícím cyklistům, ať už se to týká správného posezu na kole, tipů na výlety, samotné volby kola (Katalog kol) či výběru prodejce (Katalog obchodů). Navíc nabízí zapojení čtenářů do tvorby obsahu - blogy, uživatelské fotogalerie, bazar, profil uživatele.

Databáze uživatelů KOLO.cz je propojena s dříve představeným serverem MTBS.cz, je nutné se tedy registrovat jen jednou.

Technicky se jedná opět o spojení technologií Microsoftu (SQL Server 2008, Windows 2008 Server, IIS 7) s open-source produty (Zend Server CE) ve výkonném a modulárním redakčním systému F-ART:CMS.

Homepage KOLO.cz vypadá následovně:

KOLO.cz homepage

F-ART AGENCY s.r.o. spustila před pár dny nový rozsáhlý portál pro profi cyklistiku MTBS.cz. Samotný server MTBS.cz (provozovaný Cycling Media s.r.o.) má desetiletou historii, a v nové verzi nabízí zejména mnohem větší zapojení čtenářů do tvorby obsahu, snadnost použití a lepší optimalizaci pro vyhledávače.

Technicky se jedná o spojení technologií Microsoftu (spolehlivý SQL Server 2008, Windows 2008 Server, IIS 7) s open-source produty (Zend Server CE) ve výkonném a modulárním redakčním systému F-ART:CMS, hosting je u ASPOne.cz.

Homepage MTBS.cz vypadá následovně:

MTBS.cz homepage

U některých lidí je možné pozorovat jisté nadšení z nehotové specifikace HTML5. Domnívám se, že není na místě. HTML5 je soubor technologií, z nichž některé jsou bezvýznamné a jiné nehotové, zaostalé a nepodporované.

HTML5 je web roku 2000, ne 2010

K těm nevýznamným inovacím HTML5 patří znovuzavedení polévky (HTML) značek (včetně povolení neuzavírání značek), zavedení pár značek nových (třeba <footer> namísto <div id="footer">), což je opravdu "úžasná" inovace, lokální úložiště, a k těm nehotovým částečná schopnost nativního přehrávání videa, ovšem už bez specifikace vyžadovaných HD kodeků (nakonec to stejně skončí u licencovaného H.264) , a jen nejzákladnější schopnosti pro 2D/3D grafiku (Canvas, SVG, WebGL).

To samé co umožní budoucí HTML5 můžete udělat na webu už dávno, a v mnohem lepší kvalitě - řešení se jmenuje Flash 10.1 a Silverlight 4. Třeba poslední verze Flash 10.1 pluginu nabízí v pouhých 2MB kódu množství funkcí, které HTML5 nebude mít ani za 10 let, nehovoře o nekonzistentní podpoře HTML5 napříč prohlížeči či dokonce operačními systémy.

S HTML5 se pojí i nulová ochrana programového kódu (plain-text Javascript či SVG - kritické pro programátorské společnosti), nulová ochrana video obsahu (kritická pro vydavatelské společnosti), neexistující vývojové nástroje (zásadní problém, zatímco pro Flash a Silverlight máme Flash Builder, Flash Catalyst, Microsoft Blend, Visual Studio 2010 a další, tak HTML5 nástroje nenajdete), nepodpora v prohlížečích (zcela kritické), nulová návaznost na serverová řešení, neexistuje ani třeba P2P streaming videa (což může významně odlehčit serverům), ale patří sem i mizerný výkon.

Pokud posíláte email s obrázky klientům, máte v zásadě tři možnosti:

1. odkázat se v HTML na váš externí server, čímž sice zmenšíte velikost emailu, ale email aplikace externí obrázky většinou blokují (takže se stránka zobrazí neúplná)
2. dát obrázek jako přílohu emailu, jenže to také vyžaduje aktivitu klienta (kliknutí na obrázek)
3. embedovat obrázky přímo do HTML

Ta poslední metoda je často ideální, protože typická emailová aplikace takovýto obrázek zobrazí bez jakékoliv požadované aktivity na straně příjemce.

Pro snadnou tvorbu takovéhoto emailu je možné použít třeba knihovnu phpMailer:

require("class.phpmailer.php");
$mail = new PHPMailer();
$mail->IsMail();
$mail->From="vas email";
$mail->FromName="vase jmeno";
$mail->AddAddress("prijemce email");
$mail->Subject = "Subjekt emailu";
$mail->IsHTML(true);
$mail->AddEmbeddedImage(
  '/dir/soubor.jpg', // lokalni soubor 
  'logoimg', // ID shodné s HTML
  'fotografie.jpg', // zobrazený název souboru 
  'base64', 
  'image/jpeg');  // MIME typ
$mail->Body = "<p><img src=\"cid:logoimg\" /></p>";
$mail->AltBody="Fotografie";
$mail->Send();

Základem je uvedení anchoru v HTML pro daný obrázek, zde cid:logoimg, na který se poté odkážete v metodě AddEmbeddedImage(). Důležité je také správné uvedení MIME Type (pátý parametr) a volitelné jméno souboru (třetí parametr).

Adobe Creative Suite 5, nejlepší sada aplikací pro grafiky, designéry, webové vývojáře, je od dnešního dne ke stažení jako trial (včetně kompletní verze CS5 Master Collection; přímý odkaz na stažení 4.5GB je zde) i ke koupi. Za 14 dní bude česká verze. Jsem nadšen 🙂

Na první dojmy z CS5 se můžete podívat v tomto článku.

Microsoft spustil potichu a bez fanfár testovací verzi nového webu Docs.com. Nejedná se přitom o nic malého, ale zřejmě o nejlepší webovou kancelářskou sadu, co je dnes na internetu k dispozici.

Přihlášení se děje pouze přes Facebook. Žádné Live ID, musíte mít účet na Facebooku. Po autorizaci vidíte své přátele a můžete jim přidělovat práva k prohlížení či editaci jednotlivých dokumentů. Můžete psát i na zeď Facebooku. Je to velice snadno ovladatelné.

Samotné rozhraní aplikací používá známý ribbon, a ten má kromě bohaté základní nabídky i tu kontextovou - když vytvoříte tabulku, uvidíte nové menu Table Tools. Funguje zde i kontrola pravopisu, včetně češtiny. Podporován je kvalitní import i export Office dokumentů (DOCX, XLSX), tyto "mateřské" aplikace ovšem nemusíte mít vůbec instalovány pro funkčnost webové aplikace. Dokumenty se automaticky ukládají, takže prostě začnete editovat a o víc se nestaráte.

(Microsoft) Word Web App