Blog 25

Few words to Google Chrome OS

tomeposer@gmail.com (Jelinek Jan) — Fri, 10 Jul 2009 16:16:00 +0000

Few days ago, Google announced effort to release its own operating system - Google Chrome OS. What is it? Google Chrome OS will be Linux-based operation system focused on people who use internet, mainly. It is mean, that all the activity will be provided at the internet.

Interesting, isn't it?

I do not know all details about that, but all the day I thought about the idea. All the people I told about, said me: it can not be useful. They were very negative about that. But I disagree.

I read some book about Apple these days. Apple is about: Less is more. And I thing It is same thing about Google OS. Everybody predicted failure for Mac. And now everybody predict failure for Google Chrome OS. They say, people wants to use desktop apps with a lot of settings, they don't wont use web apps. It is for idiots.

I am not sure. Sometime, if you want make good busisess, you can not ask people, what they want. Sometime you must know more.

And I thing Google knows.

Using Silverlight 3 WrapPanel to Build Cool Photo Gallery

tomeposer@gmail.com (Jelinek Jan) — Mon, 30 Mar 2009 04:57:00 +0000

After many and many questions, how was gallery in my post exactly made, I have decided to write an another post, in English, where I demonstrate how to made really nice photo gallery by using WrapPanel control. From my previous post, one thing has changed. Last time I had wrote about this gallery, the WrapPanel was in Silverlight Toolkit. Now it is in Silverlight 3 beta 1. So I will show you how to build nice photo gallery in Silverlight 3 using new control WrapPanel.

What we have to do:

make a class for photos
make a template for the gallery
make a listbox, which will represent gallery
make a list of pictures (use some dummy data)
join this list to our listbox
make a detail of picture
activate our gallery

Note: If you have not Silverlight 3 beta 1 installed, you could use Silverlight Toolkit as wall. You have just add libraries of SL Toolkit to your project before you start.

1. make a class for photos

For this example we could need just two attributes - name and source (in source you could use a string).

2. make a template for the gallery
We have to make two templates. First one for item and second one for whole gallery. And in this case we use new Silverlight 3 control WrapPanel as PanelTemplate.

3. make a listbox representing gallery
The important thing is to set ItemsPanel and ItemTemplate, which we made before.

4. make a list of pictures
I have already used paintings of my friend (which is not dummy, of course:).

5. join list of picures to our listbox

6. make a detail of picture

I have used some black rectangle with 80% opacity to hide gallery at background.

And now you have to paste this UserControl to our MainPage.xaml, becaouse you want to show preview above gallery. You will do that by this two lines of code in bottom of MainPage.xaml.

Remember, if you want to paste some UserControl to an other, you have to set a namespace of project to header.

7. activate our gallery
This is the most interesting part.

The event in ListBox which will handle with detail is SelectionChanged. We have just set the DataContext and set Visibility of our Detail to visible.

Now, we have to make any exit from detail. The easiest way to do that is use main grid event MouseLeftButtonDown to set visibility of Detail to Collapsed.

That's it. Now you can run your gallery :-)

Download - source code [16511585kB].

I hope you will enjoy it.

Silverlight Contrib [3] - StarSelector

tomeposer@gmail.com (Jelinek Jan) — Tue, 17 Mar 2009 17:27:00 +0000

In this part of my small series about Silverlight Contrib I would like to show some trick how to work with or how to use Silverlight Contrib StarSelector in your project. Time to time you need some control for showing or setting ratings. Common solution is using line of stars (or other shape). More stars means better rating.

For this situaliton Silverlight Contrib using StarSelector control. Using this control is very simple. You just set the basic properties such as Whidth, Height, Name and than you work with event RatingChanged.

Before we start, in case you do not know how to add Silverlight Contrib libraries to your project, read my first post.

We could make small example. So I would like that TextBlock said me my rating.

XAML:

C#

Result:

Ok, that was quite easy. Let's go to do something much more funnier. I have an other example. I have a some data, for example database of cars. And one of my attributes is rating. And I wont to show my data in DataGrid and use for rating column StarSelector.

So, I have a class Car.cs:

Here is my DataGrid:

And this is some dunny data filler:

Result:

That's it. Have a fun with Silverlight Contrib StarSelector control.

In following post about Silverlight Contrib I would like to show you how to customize StarSelector.

BMW Z4 - An Expression of Joy

tomeposer@gmail.com (Jelinek Jan) — Sun, 15 Mar 2009 12:09:00 +0000

As usual, I browsed some iPhone apps yesterday morning. Normally I download few apps, try it and delete it. But yesterday I caught very interesting app. I don't know a I could name it the game. I thing it is something like interesting audio visual project. The point of the app is drawing pictures on the ground by the wheel of BMW Z4.

The first thing which you could enjoy is nice motion video about whole project (how it was made).

Then you could customize your Z4 as you want.

My Z4 seems like this (marvelous, ist't it?):

And then you could enjoy of painting by the car. You just set the colors you want to use for wheels and then you drive your Z4 by rotating your iPhone.

And when you are finished, you could save your work. This is mine:

And this is my girlfriend's work.

I'm pretty sure, she has a batter artistic feeling. And my rating? This project is excellent.

10+ Photosynths you can't miss

tomeposer@gmail.com (Jelinek Jan) — Fri, 13 Mar 2009 13:28:00 +0000

I have selected some PhotoSynts I like.

San Francisco Palace of Fine Arts

Garden for the Sightless

Burj Dubai Lake

Paris, France (aerial)

Ganesh (almost 3D)

3D Amsterdam - synth made of screen shots from the 3D game. Nice idea. I am curious about the firs synth from Counter Strike :)

Truck - Kite Aerial (KAP)

Mayan Ruins of Palenque (take 3's the charm!?)

Vertical World - Redmond Gym

Tehran - Derbi

King Arthur VS Red-Dragon (press CTRL for 3D view - nice)

And one from my home town...

Prague Castle

And what is your favorite synth?

Silverlight Contrib [2] - CoolMenu

tomeposer@gmail.com (Jelinek Jan) — Wed, 11 Mar 2009 21:57:00 +0000

The last time I have wrote about this control was Silverlight Contrib in Alfa 2. From this time have many thing changed. The most important thing was refactoring the CoolMenu. Now it inherits from ItemControl. It allows you to use some advanced things such as binding the items.

Averything about refactoring the CoolMenu read here in thre-part series by Page Brooks:

In next few rows I would like to introduce basic using of this very useful control. For information how to use Silverlight Contrib in your project in Visual Studio visit my first post about Silverlight Contrib.

In fact it is not so difficult build simple CoolMenu. You have to just define images you want to use for the menu.

Then you can enjoy the result:

That is marvelous, isn't it?

Work with items
So, let go to get a life to our menu. Our issue for this moment is: when somebody click the icon, the name of the item will be shown in upper part of page.

First thing we have to do is change structure of our menu. In case we want to work with the items we have to define CoolMenuItems more complexly.

Then we use event MunuItemClicked to show which item was clicked.

Now we can check out the result:

DataBinding
The last thing I would like to show you is how to use DataBinding for items in menu. First thing we have to do is make a class for items.

Then we have to template out item.

And finally we have to make a list of items and set ItemsSource for our menu.

That is it. Have a fun with Silverlight Contrib CoolMenu.

Silverlight Contrib [1] - ColorPicker

tomeposer@gmail.com (Jelinek Jan) — Mon, 09 Mar 2009 16:00:00 +0000

In this part of my small series about Silverlight Contrib I will introduce very useful control - ColorPicker. ColorPicker allows you to select color by the very user friendly way. It was one of the things I miss.

Before start playing with ColorPicker, read a tutorial, how to get Silverlight Contrib to my project in Visual Studio (in case you do not know that).

Go on
First thing you must to do is put the ColorPicker control in XAML to the page. Don't forget set a SelectedColor, because there is a small bug. If you don't select a color in definition, your ColorPicker won't work till you move with vertical axis.

Now you have a wonderful ColorPicker in your page.

Now, we add a rectangle and TextBlock, which we use to demonstrate event SelectedColorChanging.

It could seems like this:

The only thing we have to do, when we want to change color of rectangle and text, is say: when the color in ColorPicker is changing, the Foreground in TextBlock and Fill in Rectangle will change too. For it we use an event SelectedColorChanging.

Now we should play with it.

Playing with color's components
This thing is different against Alfa versions. Now you have a direct access to RGB components. You can call it by SelectedColor.A/R/G/B.

Small example of using:

XAML

C#

Result:

Online demo
Online demo you can find here.

Source code
Code you can download here.

Introduction to Silverlight Contrib 1.0.

tomeposer@gmail.com (Jelinek Jan) — Thu, 05 Mar 2009 21:33:00 +0000

Today I would like to start small series about new tool for Silverlight 2.0 - Silverlight Contrib 1.0. For description I use a text from official site of SL Contrib :

Silverlight Contrib is a continuously evolving collection of open source Silverlight Controls and API enhancements built for and by the Silverlight developer community. The goal of this project is to complement Silverlight and make the lives of Silverlight developers easier.

In next few entries I would like to introduce some of controls included in SL Contrib. You can have a look at all of them at Silverlight Contrib Demo.

Until we start with particular controls, I would like to show, how to get Silverlight Contrib to your Silverlight project in Visual Studio.

1. First of all, you have to download Silverlight Contrib libraries from Codeplex.com.

2. Create a new Silverlight aplication in Visual Studio.

3. Add Silverlight Contrib libraries to the references (in particular cases you will need just one or two lirbaries).

Now you should find it in Solution Explorer:

4. Now, if you want to use any control of Silverlight Contrib in XAML, you have to paste a link to Silverlignt Contrib Controls library.

In the following code you will call controls by prepositin Contrib:

The first control I would like to play with is ColorPicker. So see you.

My Twitter Background

tomeposer@gmail.com (Jelinek Jan) — Wed, 04 Mar 2009 15:40:00 +0000

Few days ago, SitePoint.com announced a competition "The Official SitePoint Twitter BackGround competition". The rules are simple: Design own original background and send it to forum@sitepoint.com. After that they choose 10 best backgrounds and winners get two books about webdesign.

Despite of I am a terrible designer, I dediced participate at this competition. And this is my a little bit retro entry:

Rate it:

Thinking about famous Olympics sentence:-)

Co vše je potřeba udělat než spustíte webové stránky

tomeposer@gmail.com (Jelinek Jan) — Sun, 01 Mar 2009 22:00:00 +0000

Asi před čtrnácti dny jsem narazil na pomůcku, kterou dali dohromady pánové z anglické poradenské společnosti BoxUK. Onou pomůckou je seznam všech aktivit, které se musí vykonat před tím nežli je spuštěna jakákoli webová stránka, aby byla zaručena její jakost. Po přečtení seznamu si asi většina lidí řekne: "Ok, nic nového pod sluncem, všechno znám.", ale ruku na srdce, na kolik z nich při každém projektu občas zapomenete?

A jelikož se mi seznam zdá býti opravdu užitečný, rozhodl jsem se, že si ho přeložím a zařadím do běžného pracovního procesu pro naše projekty. A když už jsem ho přeložil, řekl jsem si, že když už jsem si s tím dal tu práci, tak by se přeložená verze mohla někomu hodit. Domluvil jsem se tedy s Danem Zambonini (@zambonini - autor seznamu) na zveřejnění českého překladu.

Download (PDF)
http://honza.zlubinaci.eu/checklist_websites.pdf

Download (XLS)
http://honza.zlubinaci.eu/checklist_websites.xls

Poděkování
To patří samozřejmě Danovi Zambonini a společnosti BoxUK za vytvoření seznamu.

Nápady
Pokud by někoho napadla ještě nějaká věc, která v seznamu chybí kontaktujte mě (tomeposer@gmail.com, @kalimevole) nebo zanechte komentář pod tímto příspěvkem či pod originálem.

Zkouška BlogEngine.NET

tomeposer@gmail.com (Jelinek Jan) — Sat, 21 Feb 2009 12:57:00 +0000

Nedávno jsem se dostal k projektu aplikacezdarma.cz, představuje několik komunitních nástrojů. běžících na platformě ASP.NET. Jedná se o open source projekty, které jsou volně ke stažení na Codeplexu.

Nabízené nástroje:

BlogEngine.NET - blogovací systém
Yet Another Forum - nástroj pro vytvoření fóra
Screw Wiki - tovrba Wiki stránek
Communiti Server - nástroj pro budování velkých komunit
My Web Pages Starter Kit - jednoduchý CMS

BlogEngine.NET
Po mé nedávné první zkušenosti s WordPressem jsem nejprve vyzkoušel blogovací systém BlogEngine.NET. Nechci se moc pouštět do srovnání těchto dvou systémů, takže vypíšu jen co mě zaujalo, co se mi líbilo a co ne.

Instalace
Ono slovo instalace není možná ani nutné - celý proces spočívá v nahrání na server. Jelikož BlogEngine.NET využívá k uchovávání příspěvků XML, není potřeba připojení na databázi. To ovšem neznamená, že by zde neexistovala možnost ukládat příspěvky do DB. Jsou podporovnány jak MySQL tak MSSQL.

Jediný problém, se kterým jsem se setkal byla nutnost nahrazení souboru web.config. Naštěstí nejsem jediný, kdo tento problém měl a řešení je popsané na fóru.

Poté jsem již blog vesele spustil.

Prní věcí, kterou jsem musel udělat je nastavit pár základních věcí, jako je název blogu atd.

Následně je možné se vesele vrhnout na první příspěvek.

ještě je nutné podotknout, že BlogEngine.NET podporuje možnost přispívání více uživatelů na blog.

Vzhledy
Přímo na stránkách projektu jemožné si stáhnout několik šablon pro vzhled blogu. Instalace vzhledu spočívá v nahrání složky s šablonou na server do složky themes. Pak se jen v administračním rozhraní nastaví, aby byla použita daná šablona.

Ukázka vzhledu:

Není moc problém si šablony nadále upravoat, pokud se člověk alespoň trošičku zorientuje v kódu ASP.NET.

Plug-iny
Na stránkách projektu je možné si stáhnout několi užitečných plug-inů sloužících k různým účelům (od nástrojů pro vkládání fotogalerií až po přidání odkazů na sociální média).

Lokalizace
Lokalizaci do českého jazyka je možné stáhnout si na fóru. V tuto chvíli je lokalizovaná pouze veřejná část, ale v tom bych zas takový problém neviděl.

Hodnocení
Jak jsem siž psal, nechtěl bych se pouštět moc do hodnocení oproti WordPressu, jelikož by to bylo dosti nespravedlivé. BlogEngine.NET je oproti WordPressu dosti mladý projekt a tak se u něj nedá očekávat tak rozšáhlá funkcionalita jako u WordPressu. Ani komunita uživatelů není tak rozsáhlá. Nicméně s přibývajícím časem se dosti věcí změní.

První věcí, která mě dosti potěšíla na BE.NET je to, že nemusím nutně používat databázi pro běh svého blogu. Jelikož u spousty hostingovýsh pokud chete databázi, tak si musíte trochu připlatit k hostingu.

Další věcí, která mi je velice sympatická je to, že celé řešení je napsané v ASP.NET. Pro spousty lidí, který v tuto chvíli vyvíjí v ASP.NET by tohle mohla být asi největší výhoda oproti ostatním řešením.

A hurá na zápory - jmenoval bych dva, které mě docela vadili. První věcí je propojení adminisrace blogu s veřejnou částí. Tato věc strašně snižuje ovladatelnost a zhoršuje práci blogem. Dle mého názoru, tyto věci by měly být odděleny. V praxi to vypadá tak, že v administraci nenaleznete seznam publikovaných blogů.

Druhou věcí, která mě nepotěšila, je absence importu z jiného blogu ve formátu Atom. Chtěl jsem si vyzkoušet naimportovat teto blog (Blogspot.com provádí export pouze v Atomu) a měl jsem smolíčka. Nicméně pro import jsou podorovány formáty blogML a RSS.

Ona je víceméně chyba na straně Blogspotu, jelikož exportuje pouze v jednom formátu. Nicméně ať je chyba na jakékoli straně, jás i blog jednoduše nenaimportuju.

Demo
Pokud by jste si chtěli prostředí BlogEngine.NET osahat sami můžete použít mojí ukázku. Uživatelské jméno je admin a heslo také admin.

Závěr
Po cca jednohodinové zkušenosti s BlogEngine.NET jsem byl celkově docela příjeměn potěšen z toho, že se vyskytl další blogovací nástroj a tentokrát na ASP.NET. Myslím si, že má před sebou ještě zajímavou budoucnost.

Dodatek
Vzhledem k tomu, že moje zkušenost s BlogEngine.NET je velice ktrátká, je možné že jsem se dopustil v článku některéch omylů nebo nepravd. Pokud na nějakou takovou narazíte budu velice rád, když na ní upozorníte v komentářích.

Ha-ha
Ještě si teď svůj pokus zaregistruji a Microsoft mi bude muset dát triko, ha ha.

PollDaddy - nástroj na tvorbu anket pro váš web

tomeposer@gmail.com (Jelinek Jan) — Thu, 19 Feb 2009 08:01:00 +0000

Včera jsem objevil službu PollDaddy.com, která slouží k vytváření anket a průzkumů, které si následně můžete umisťovat na svoje webové stránky. Celá služba má velice jednoduchý základ. Zaregistrujete se, vytvoříte si vlastní anketu nebo průzkum a následně si vyberete jak ji chcete vložit na váš blog nebo stránky. V současné době si můžete vybrat z 20 stylů vzhledů nebo si můžete vytvořit vlastní.

Možnosti jak vložit anketu:

pomocí JavaScriptu
pomocí Flashe
pokud váše stránky běží na WordPressu, je možné si nainstalovat plug-in, pomocí kterého se následně ankety vkládají
pokud vkládáte anketu do svého MySpace účtu, je dostupná aplikace pro vkládání anket do profilu na MySpace
odkazem na stránky PollDaddy.com, kde je anketa hostována

Busines model
Pokud se registrujete můžete si vybrat ze tří typů účtů. První je zdarma a další dva jsou zpoplatněny. Placenými účty získáváte větší počet anket, které můžete zpravovat a hlavně odstranění linku PollDaddy.com ze samotné ankety.

Ukázka

JavaScropt:

Používáte na svém blogu nějakou formu dotazníků? ( polls)

Flash:

Link:
http://www.polldaddy.com/p/1380846/

Všechny svoje ankety a průzkumy si můžete následně poměrně jednoduše spravovat ve svém účtu.

Nástroj pro tvorbu průzkumů se zdá býti ještě zajímavější, ale na to si udělám čas příště.

Kaxaml - hračka na úterní večer nebo užitečný nástroj

tomeposer@gmail.com (Jelinek Jan) — Tue, 17 Feb 2009 21:15:00 +0000

Asi před měsícem jsem narazil na jeden poměrně zajímavý nástroj pro stylování XAMLu - Kaxaml. Jedná se o editor XAML kódu, ve kterém do můžete do projektů přidávat předdefinované styly jednoduchým přetahováním.

Tento nástroj je již delší dobu vyvíjen Robbym Ingebretsenem a jak on sám tvrdí, Kaxaml je pro něj mazel se kterým se rád piplá. Robby Ingebretsen zaštiťuje projekt Nerd Plus Art, ve kterém se věnuje vývoji svých "hraček" postavených na XAMLu. V pracovním životě se více jak 6 lete zabývá prací s XAMLem (Silverlight, WPF), povětšinou pro Microsoft.

V čem může být Kaxaml užitečný? A může být vůbec Kaxaml užitečný?
Ano. Může a je. Pokud tvoříte GUI pro svoje WPF nebo Silverlight aplikace a nechce se vám ztrácet čas psaním či tvořením vlastních stylů je celkem pohodlné si je "vypůjčit" od Robbyho.

Dále, pokud zrovna začínáte s XAMLem, je zde i několik pěkných ukázek v sekci Getting started with XAML. Od Hello World až po ukázky Databindingu.

Zde je pár screenshotů z aplikace:

Styly pro ComboBox:

Ukázka animací:

Ukázka Gridu:

Ukázka vektorové 2D grafiky:

Logo Kaxamlu v XAMLu:

Závěrem
Kaxaml bych spíše pojmenoval "toy for boys" nežli nástrojem. Nicméně určitě se naleznou případy, kdy může být poměrně dost užitečný (kdybych si na tohle udělal před 14-ti dny nemusel jsem od nuly vymýšlet ukázky pro svoje články na Zdroják:).

Při práci (hraní) si jen musíte dávat pozor, zda li zrovna využíváte využíváte (vkládáte) prvky určené pro WPF či Silverlight, jelikož pokud budete vkládat prvky určené pro WPF do Silverlightu, bude to házet chyby.

Jinak co se týče samotného editoru, pro vyzkoušení samotného nástroje je docela postačující (zvláště když si představím že ho dělal jeden člověk jako svůj koníček), ale na větší projekty se moc nehodí (zvláště, když jste rozmazlení z VisualStudia).

Při delším zkoušení se také připravte, že to na vás občas hodí nějakou chybovou hlášku, přece jen je to stále v Beta verzi.

Můj první PhotoSynth

tomeposer@gmail.com (Jelinek Jan) — Wed, 11 Feb 2009 12:08:00 +0000

Dnes jsem si při obědě pohrál s PhotoSynthem. Fotografie jsou pořízeny mým iPhonem v obchodě s vínem na Brumlovce. Celý Synth i s nafocením mi trval cca 10 minut.

Věřím, že kdybych měl k dispozici lepší fotoaparát a udělal daleko víc fotek, výsledek vy byl super. Snad příště.

Jinak ještě se zaslouží podotknout, že PhotoSynth běží na Silverlightu:)

A jaké rozvrstvení používáte vy?

tomeposer@gmail.com (Jelinek Jan) — Tue, 10 Feb 2009 22:59:00 +0000

Jeden významný Silverlighťák Joel Neubeck právě na svých stránkách spustil anketu o tom, jaký vzor separování vrstev Silverlightí tvůrci nejčastěji využívají. Výsledek této ankety mě velice zajímá, jelikož se toto téma jemně line mou bakalářskou prací. Tak pokud máte 2 minutky, zahlasujte si...

http://joel.neubeck.net/2009/02/poll-separation-pattern/

Co my jsme to za národ

tomeposer@gmail.com (Jelinek Jan) — Tue, 10 Feb 2009 09:14:00 +0000

Dneska ráno jsem si přečetl článek na Zdrojáku o tom jak by se měli stránky upravovat, aby vypadali ve všech prohlížečích stejně. Pak jsem se podíval na komentáře. Uf. Ono asi není nic lepšího na zkažení nálady než se podívat na českym serveru do komentářů.

Ale teď vážně. Cca 90% všech článků, které čtu jsou na anglicky mluvících serverech. Pokud se podívám pod článkem na komentáře, naleznu povětšinou jen poděkování za článek nebo věcné doplnění článku.

Jenže u nás, je tomu jinak. Tady všichni všechno vědí, všechno znají a velice pravděpodobně jsou v tom nejlepší široko daleko, kam jen oko dosáhne. Přijde mi, že tady je nejvíc IT specialistů s neskutečnými znalostmi, že by nám specialisté ze zahraničí měli závidět. Oni by se možná měli začít učit česky, aby se od nás něco naučili.

Nedávno jsem si přečetl článek o MS Surface. Sám jsem si již mohl 2x pohrát s tohle hračičkou (za půl mega:) a byl jsem dost nadšen. Nikdy jsem s podobnou věcí nepřišel do styku a tak mé první shledání bylo plné citoslovců. Dost jsem si to užil.

Když se ale podívám pod článek o MS Surface na Zdrojáku, zjistím, že vlastně to je uplně "starý" a že domů by to nikdo nechtěl a že je to na dvě věci. A vlastně celý Microsoft je nejhorší, protože Surface vůbec vyrobil.

Popravdě řečeno, po přečtení cca 20 komentářů, jsem měl zkaženou náladu na celý den. A co teprve jak se musel cítit autor. Ono potom asi člověk má velkou chuť něco napsat znovu.

Jestli ono v tom nebude něco jiného. Ono nakonec se zde ukazuje že Hrabal měl pravdu: "Češi, to jsou skuteční mistři světa ve stěžování si a pomlouvání".

DeepZoom [1] - Seadragon pro iPhone

tomeposer@gmail.com (Jelinek Jan) — Tue, 27 Jan 2009 23:59:00 +0000

Asi před týdnem jsem si stáhl z AppStore aplikaci SeaDragon (mořský koník). Dnes jsem se poprvé dostal k tomu abych jí blíže prozkoumal. Jedná se o aplikaci umožňující prohlížení fotografií (nebo spíše kolekcí fotografií) pomocí technologie DeepZoom.

DeepZoom je technologie postavená na Silverlightu nebo na AJAXU. Umožňuje uživateli plynulé zoomování až do extrémních hloubek. Technologicky je to zajišťováno asynchronním načítáním bližšího výřezu. Při prvním načtení tedy nenatahujete celé fotografie, ale jen jejich zmenšené náhledy. Až postupným přibližováním se fotografie dočítají.

No a čím mě dnes pobavil mořský koník v mém iPhonu?

Dnes jsem se jen stihl podívat na pár ukázek, které jsou k dispozici přímo v aplikaci. Asi jako každého, mě velice bavil obraz, který na první pohled vypadá jako renesanční idylka, nicméně po značném přibližování zjistíte, že jsou to jen vhodně poskládané plechovky od Coca-Coly a podobně (něco podobného tady už bylo snad milionkrát, ale nikdy jsem to neměl v mobilu:).

Pak jsem se ještě podíval na povrch Marzu...

...efektní změť žárovek...

... a něčí kancelář (ta byla docela nudná).

No ono tohle všechno začne časem být nudné. Tak jsem začal šmejdit po tom jak tam dostat nějakou tu svojí galerii.

Ono to vlastně není zase tak složité. Celou galerii si vytvoříté v DeepZoom Composeru, který je volně ke stažení a umístíte kamkoli na internet. Následně jen svého koníka připojíte a hurá galerie je doma (tedy ve vašem iPhonu).

Toto je galerie, kterou jsem si udělal za necelých 5 minut - pro vyplnění mi opětovně posloužili Igorovi obrazy (díky Igore:):

Pokud jste vlastníky iPhonu - vyzkoušejte si tuto galerii na adrese: http://student.vsmie.cz/~jelij5ap/DeepZoom/GeneratedImages/dzc_output.xml - tuto adresu je třeba zadat ve vašem Seadragon.

Simulace galerie v Silverlightu je zde : http://student.vsmie.cz/~jelij5ap/DeepZoom/DeepZoomProjectTestPage.html

DeepZoom Composerem si, ale pohraju až příště.

Silverlight Extensions

tomeposer@gmail.com (Jelinek Jan) — Sun, 25 Jan 2009 20:20:00 +0000

SL Extensions je dalším přírůstkem do rodiny open source projektů rozšiřující funkcionalitu Silverlightu 2.0 (dalšími jsou např. Silverlight Toolkit či Silverlight Contrib). SL Extensions se na první pohled tváří jako velice ambiciozní projekt. Vždyť na rozdíl od SL Toolkitu si vzal za cíl rozšířit Silverlight o více než 20 nových komponent. A nutno dodat, že některé komponenty jsou opravdu sami o sobě velkou výzvou.

SL Extensions je v tuto chvíli v Alpha verzi 2. Bohužel se mi nikde nepodařilo vyzkoumat, kdy jsou plánované další vydání. Co se šušká, tak by jsme se v první polovině tohoto roku měli určitě dočkat Bety.

Všechny komponenty jsou rozděleny do třech skupin – nástroje, knihovny, přehrávače. Pokud se podíváme na tento projekt velice kritickým okem, nutno říci, že drtivá většina nástrojů nepřináší nějak závratně novou funkcionalitu či možnosti. Zajímavými se pak tváří býti přehrávače. V čem ale do budoucna cítím potenciál, jsou knihovny – zvláště pak pro práci s historií v prohlížeči a pro komunikaci s Google Analytics.

Recaptcha control

Jedná se o velice jednoduchý nástroj pro ověřování vstupu „lidským jedincem“. Všichni tento nástroj znají (všechny nás občas naštve), ale přesto je velice užitečný. XAML kód má velice jednoduchou strukturu a z obslužných událostí si ve většině případů vystačíte se „souhlasí“, „nesouhlasí“.

XAML:

C#

Deep Zoom Player

jedná se o poměrně hezky zpracovaný přehrávač fotografií na bázi technologie DeepZoom. Přehrávač vezme kolekci z fotografií a následně velice plynule mezi nimi cestuje. Vše je efektní a hezké.

Video Player

Dalším z přehrávačů je Video Player. Jedná se o jednoduchý video player s možností výběru videí. Je sice pravda, že takovýchto přehrávačů pro Silverlight 2.0 naleznete bezpočet, ale pokud si chcete stavět aplikaci na jednom stylu, pak SL Extensions je proto vhodný, jelikož mimo Deep Zoom Playeru a Video Playeru nabízí ještě klasický přehrávač fotografií a přehrávač HD Videa.

GoogleMaps

Jednou z nejzajímavějších věcí (alespoň pro mě) je přidání možnosti použití map v Silverlightích aplikacích. V tuto chvíli totiž neexistuje žádný nástroj pro Silverlight 2.0, který by umožňoval rozsáhlé využívání map v SL aplikacích.

Nutno také podotknout, že tato komponenta má ještě hodně vývoje před sebou, takže by bylo předčasné chválit dne před večerem.

Na tuto komponentu jsem zvědavý jak se bude dál vyvíjet, jelikož v tuto chvíli její funkcionalita je značně nízká (což se samozřejmě změní, ale otázkou je jak). V tuto chvíli je na trhu jen pár editorů HTML (a většina z toho je ještě v Betách). Nicméně pokud by se přiblížili třeba tomu co má připraveno Devexpres, tak by to bylo super.

Knihovny

SL Extensions přnáší také knihovny pro podporu GoogleAnalytics, dále umožňuje SL aplikacím komunikovat s historií prohlížeče (toto také není úplně převratná věc), a také přináší (sic možná banální, ale užitečnou) podporu kolečka na myši.

Závěrem

Veškeré informace (a že jich je opravdu málo) o projektu naleznete na oficiálních stránkách SL Extensions. Celý projetk si pak můžete stáhnout na Codeplexu a nebo se prostě můžete podívat na ukázku některých komponent.

Galerie pomocí WrapPanelu

tomeposer@gmail.com (Jelinek Jan) — Mon, 12 Jan 2009 00:04:00 +0000

Dnes jsem si předsevzal, že pokud nedodělám galerii pro současný projekt, tak nepůjdu spát. Naštěstí se mi to povedlo ještě něž jsem začal upadat do mdlob. Nalezl jsem pro svojí galerii skvělou inspiraci v tutiriálu od Justina Angela. Tímto mu velice děkuji.

Jak celá konstrukce galerie vypadá? Jedná se ve skutečnosti o ListBox, kterému jsme pomocí ItemPanelTemplate přidali vlastnosti WrapPanelu (WrapPanel je komponenta SL Toolkitu). Dále jsem si předdefinoval jak bude vypadat každá jedna položka mého ListBoxu (neboli jsem si vytvořil Template).

Celá galerie tedy vypadá v kódu takto:

Pak už zbývalo jen si vytvořit si jen detail, který jsem si nechal zobrazovat při označení položky ListBoxu.

Toto řešení vnořeného detailu s sebou nese jednu velkou výhodu. Pokud použijeme vnoření, stránka v pozadí zůstane při zobrazení detailu aktivní. Což znamená, že se můžeme dále pohybovat v ListBoxu pomocí kláves (což umožňuje pohybování z obrázku na obrázek pomocí šipek aniž bych cokoli dodělal).

Jako zdroj dat jsem použil List<> naplněný objekty reprezentující obrázky.

Ukázka (pozor nezmenšil jsem fotky, takže je budete tahat v XAPu :)

Ještě se nakonec sluší podotknout, že jako testovací obrázky mi posloužili obrazy mého skorošvagra Igora Suvorova, vniž schledávám velké zalíbení.

Microsoft Tag v praxi

tomeposer@gmail.com (Jelinek Jan) — Sat, 10 Jan 2009 10:38:00 +0000

Asi před týdnem vydal Macrosoft beta verzi svého projektu Microsoft Tag. Jedná se o kódování textu do obrázku. Tato technologie je určená hlavně pro mobilní telefony, jelikož je u mobilních telefonů trochu pomalejší zadat různá data do telefonu, tak se hledají způsoby jak toto zadávání urychlit.

Co se týče nápadu, tak (jak už je tomu zvykem) Microsoft nepřichází s ničím novým. Ale vzal technologii známou, zabalil jí do uživatelsky příjemného hávu a dodal k tomu support.

Co tedy nyní můžete pomocí Microsoft Tagu zaznamenávat?

V tuto chvíli MS Tag umožňuje zakódovat 4 druhy zdělení:

URL adresu
kontakt v podobě vCart
dialer - tedy příkaz k vytočení telefonního čísla
prostý text

Jak to celé udělat?

Na stránkách MS Tagu si vytvoříte svůj účet, ve kterém si budete svoje Tagy spravovat. Následně si zvolíte přidání nového Tagu. Zde si definujete název, typ, od kdy do kdy má Tag platit a následně definujete obsah Tagu. U kontaktu, dialeru a prostého textu můžete obsah zamknout pomocí hesla. Pak stisknete Vytvořit a je to.

V administraci si pak jednoduše můžete svoje Tagy spravovat. Jsou zde i statistiky používanosti jednotlivých Tagů.

Jak se následně Tag používá?

Jednoduché. Pomocí MS Tag Readeru, který v současné době je dostupný pro drtivou většinu „chytrých“ mobilních přístrojů (dokonce i pro iPhone přímo v AppStore, čímž mě MS velice mile překvapil) na adrese http://gettag.mobi. Pak stačí jen Tag vyfotit a Tag Reader si sám rozpozná o jakou jde informaci a podle toho zareaguje. Buď vás přesměruje na příslušnou internetovou adresu nebo vás vyzve k uložení kontaktu nebo vytočí telefonní číslo.

Moje tagy

odkaz na tento blog

odkaz na Zdroják.cz

smyšlený kontakt

prostý text

Ještě ukázka jak vypadá aplikace v iPhonu.

Využití
Miliony. Jen co mě v rychlosti napadá: na vizitky, na reklamy, na stránky do kontaktů, na lístky.

A až ještě přidají možnost předávat Geo info a vCalendar, tak se to ještě daleko rozšíří.

Závěrem

Nic nového pod sluncem, ale jedná se o velice jednoduše dostupnou a zpracovatelnou službu. Jsem zvědav co se bude dít, až MS vydají oficiálně tuto službu. Bylo by docela fajn, kdyby konečně tento nápad někdo protlačil (a je jedno jestli to bude MS nebo paní Ptáčková).

Edit: ještě doplnění - o této události včera (9.1.) informoval server zdroják.cz.

Bez hesla už ani zprávy si nepřečtu

tomeposer@gmail.com (Jelinek Jan) — Wed, 07 Jan 2009 11:07:00 +0000

Dneska jsem si při obědě chtěl přečíst sportovní zprávy na svém oblíbeném sportovním serveru sport.idnes.cz. Kliknu tedy na záložku. Hopla Authentication Required. No jaké to asi mám heslo v neexistujícím účtu na idnes.cz?

Dal jsi tedy Cancel. Hopla autentikace je zpět. Zkusil jsem to ještě 5x a následně jsem byl obdarován možností si přečíst sportovní zprávy. Děkuji

Cca po 5 minutách tato externalita zmizela. Jen škoda, že si to nemohli užít uživatelé třeba celý den. Nechci nikomu v idnes.cz sahat do svědomí, ale aktualizace se dělají v noci:)

Database Schema Editor v Silverlightu

tomeposer@gmail.com (Jelinek Jan) — Tue, 06 Jan 2009 23:18:00 +0000

Dnes jsem brouzdal a hledal, co se zase na netu událo zajímavého a nazaril jsem na velice hezkou a hlavně užitečnou aplikaci v Silverlightu. Database Schema Editor je velice jednoduchý a intuitivní nástroj pro návrh ER diagramů. Proč ho schledávám zajímavým?

Tak za A) je zadarmo. Za B) několikrát se mi stalo, že jsem někde při výjezdu potřeboval doplnit DB a jelikož DBSE vám umožňuje generovat SQL kódy pro MySQL, MS SQL a Oracle databáze, tak vám umožňuje si kdykoli vygenerovat kód, který potřebujete (patřím totiž k té líne rase, která než napíše řádek kódu bude zkoušet všechny dostuplné možnosti jak ho nenapsat). A za C) je v Silverlightu.

Zkusil jsem si narychlo udělat malý příkládek. Takto aplikace vypadá po spuštění:

Pro vkládání tabulek a vztahůmezi tabulkama je využita metoda vnořeného UserControlu, o které jsem psal na Zdrojáku.

Tabulky si následně můžete přehledněji uspořádat.

A po chvilce napětí vám to vyplivne kód pro vámi vybranou DTB.

Tady je:

-- Database Creation
USE master
GO
CREATE DATABASE orders
GO
USE orders
GO
-- Table Script Creation
CREATE TABLE [category](
[id] [int]
, [name] [nvarchar](100)

CONSTRAINT [PK_category] PRIMARY KEY CLUSTERED(
id
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]

GO

CREATE TABLE [product](
[id] [int]
, [name] [nvarchar](100)

, [price] [int]
, [id_category] [int]
CONSTRAINT [PK_product] PRIMARY KEY CLUSTERED(
id
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]

GO

CREATE TABLE [order](
[id] [int]
, [client] [nvarchar](100)

, [date] [DateTime]
, [sum] [int]
CONSTRAINT [PK_order] PRIMARY KEY CLUSTERED(
id
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]

GO

CREATE TABLE [ordered_product](
[id] [int]
, [id_product] [int]
, [id_order] [int]
, [quantity] [int]
CONSTRAINT [PK_ordered_product] PRIMARY KEY CLUSTERED(
id
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]

GO
-- Relationships Creation
ALTER TABLE [product] WITH CHECK ADD CONSTRAINT [FK_category_product] FOREIGN KEY(id_category) REFERENCES [category] (id)
GO
ALTER TABLE [product] CHECK CONSTRAINT [FK_category_product]
GO
ALTER TABLE [order] WITH CHECK ADD CONSTRAINT [FK_ordered_product_order] FOREIGN KEY(id) REFERENCES [ordered_product] (id_order)
GO
ALTER TABLE [order] CHECK CONSTRAINT [FK_ordered_product_order]
GO
ALTER TABLE [product] WITH CHECK ADD CONSTRAINT [FK_ordered_product_product] FOREIGN KEY(id) REFERENCES [ordered_product] (id_order)
GO
ALTER TABLE [product] CHECK CONSTRAINT [FK_ordered_product_product]
GO

Dobré je ještě dodat, že svoje DTB si na serveru můžete ulkádat a znovu se k nim vracet a nebo je i sdílet s dalšími uživateli.

Jak je na tom Silverlight s naší diakritikou?

tomeposer@gmail.com (Jelinek Jan) — Sun, 04 Jan 2009 11:27:00 +0000

Dnes jsem nalezl pod svým článkem o DataGridu dotaz, který se týkal zobrazování diakritiky v DataGridu. Následně jsem zjistil, že Flex malinkato problémy má. Jde zřejmě jen o běžný bug.

Zde je ukázka zobrazování diakritiky u Silverlightu v DataGridu:

a ještě přidávám TextBlocky:

Co jsem vyčetl na různých místech tak SL nemá problém ani s azbukou a znakovými písmy.

Tři a půl způsobu jak odebírat a přispívat na Twitter

tomeposer@gmail.com (Jelinek Jan) — Thu, 01 Jan 2009 22:17:00 +0000

Asi nejsem jediný, kdo užívá Twiter. Jedná se velice jednoduchou internetovou aplikaci, kde můžete své přátele či známé informovat o tom, co právě děláte nebo o tom, co vás zaujalo. A stejně tak můžete i odebírat jejich krátké zprávičky, o tom co dělají oni.

Způsobů jak přispívat na Twitter je snad bezpočet. Já jsem jich vyzkoušel několik a narazil jsem na tři typy:

Přímo z www.twitter.com

Jedná se o nejrozšířenější variantu, kdy přispíváte a čtete příspěvky přímo na webu služby. Dá se také říci, že se jedná o nejhorší variantu. Koho by taky pořád bavilo chodit na stránku Twitteru?

TweetDeck

TweetDeck je desktopová aplikace (u tohohle si pořát nejsem jistý s definicí, možná někdo pomůže - otázka na konci příspěvku) psaná ve Flexu. Jedná se o velice pohodlnou verzi twitteru. Pokud si tuto aplikaci necháte spustit po zapnutí počítače tak vám běží v tray a pouze na vás zahouká, když někdo přidá nový příspěvek.

Twitbin
Třetím způsobem (a možná také nejzajímavějším) je Twitbin. Jedná se o plugin do FireFoxu, který vám umožní příjímání i odesílnání příspěvků v postraní liště FF. Toto řešení je asi nejpohodlnější pro ty, kteří mají ohnisko své práce na PC v prohlížeči.

Nutno říci ale, že jsem si na Twitbin stále ještě nějak nezvykl. Ale snad to chce trochu času.

...a půl
Jelikož jsem vlastníkem iPhonu, tak jsem vyzkoušel také několik zadarmových prográmků pro IP. Ale bohužel jsem zatím nenašel žádný, se kterým by se dali příspěvky stahovat. Ze všech se dají pouze odesílat. Takže budu čekat na lepší časy.

Vítěz
Každý asi bude mít jiného a absolutní pravda v tomto směru asi neplatí. Co se týče mě, tak jsem si zatím nejvíce zvykl na TweetDeck, ale časem tomu možná bude jinak. A nebo narazím na něco uplně nového.

Otázka na konec
Teď ona otázka. Pokud mám desktopovou aplikaci, která je ale naprosto závislá na příjmání dat z internetu (což třeba TweetDeck je), jedná se ještě o desktopovou aplikaci a nebo se jedná o internetovou aplikaci?

Na tuhle otázku je mraky odpovědí. Ale jsou velice rozličné. O tom ale možná jindy.

Můj kanál na twitteru: www.twitter.com/kalimevole

CoolMenu - opravdu cool menu za mméně než 5 minut

tomeposer@gmail.com (Jelinek Jan) — Wed, 31 Dec 2008 11:50:00 +0000

Dnes jsem narazil na novou alfa verzi open source projektu Silverlight Contrib. Silverlight Contrib je projekt, který rozšiřuje Silverlight 2.0 o nové komponenty a nástroje, stejně tak jako třeba Silverlight ToolKit.

Hnedle jsem si vyzkoušel jednu z komponent a byl jsem nadšen. Povedlo se mi vytvořit opravdu hezké (Mac-like) menu. A co mě na tom nejvíce bavilo - celé mi to netrvalo déle než 5 minut od zapnutí Visual Studia do stisknutí tlačítka Debug.

Jediné co jsem měl předtím připravené byly ikonky, jelikož je používám v jednom ze svých projektů.

Na této adrese si můžete prohlédout výsledek: http://student.vsmie.cz/~jelij5ap/menu/TestPage.html

Zdrojový kód:

To mě prostě baví...

Ještě jsem se při implementaci setkal s jednou věcí, ketrou jsem vyhodnotil velice pozitivně. Obslužná událost menu není u každé ikony nýbrž u celého menu. Tu pak jednoduše naplníte Casem a je to daleko přehlednější.