Итоги уходящего 2009-ого года.

Насмотревшись как это делают мои друзья, решил первый раз написать отчёт за год. 26 лет уже как-никак =) Тем более, что 2009-ый год получился даже очень насыщенным на события.

Ланёшкин
Прежде всего он начался с того, что 7-ого января я женился на моей любимой Ланёшке. Уже через месяц мы забеременели и начали ждать ребеночка. В Октябре (28-ого) родился наш маленький богатырь (который был совсем даже не маленький (4,350 кг)). По-этому мы его и назвали по-богатырски - Мирославом.

Работа, Среда, Учёба
Весной 2009-ого года (в Апреле) я первый раз поменял место работы! Я ушёл из SQA и пошёл работать в AS Tallink Group JAVA программистом. А в конце лета мы переехали с Ланёшкой из Ыйсмяе в 3-ёх комнатную квартиру в Ласнамяе.
Закончил свой первый курс обучения в Майнор и начал второй курс. Всё шло неплохо и очень не сложно.

Увлечения
Весь 2009-ый год ходил на встречи Девклаба. Мало того, 2 раза даже удалось самому выступить, где я рассказал о своих двух любимейших вещах: о jQuery и о Python. А в конце года был даже модератором встречи (правда не очень успешно)
Летом участвовал (как-бы) в программе Google Summer Of Code. Я участвовал в разработке OSS проекта Bespin компании Mozilla. Закончить свою часть не удалось, по-этому получил только половину суммы.
Весь год фотографировал, хотя и не много.
В Этом году завёл себе twitter (написав 196 твитов) и пытаюсь пописывать в этот блог. (Когда есть что сказать)
Вернулся опять к SETI @ home, купил даже книгу Seth Shostak'а - Confessions of an Alien Hunter: A Scientist's Search for Extraterrestrial Intelligence. Страничка за страничкой её изучаю.

Путешествия
Будучи работником компании занимающейся пассажирскими перевозками была возможность дважды посетить Стокгольм и один раз Хельсинки. Так же летом был в Москве и в Питере на свадьбе у Вики.

Друзья
В этом году я приобрёл много новых друзей:

• Сдружился со своим однокурсником Виктором. Хотя в самом начале он мне больше всех не понравился и я его даже побаивался (т.к. он казался гораздо умнее меня =) Но потом этот ум меня и привлек. 
• На Девклабе познакомился с большим количеством новый и очень интересных людей, с многими из которых даже сдружился.
• На новой работе познакомился ещё с пачкой новых людей, чему очень рад.

Что я хочу от 2010 года:

• Теперь я Отец и Муж! И я буду посвящать больше времени воспитанию своего Сына и заботе о Жене.
• Обязательно поучаствовать в программе Google Summer Of Code.
• Поучаствовать в программе Google Code Jam.
• Заняться языками. Прежде всего Английским, потом Эстонским.
• Попрограммировать Микроконтроллеры.
• Обязательно съездить в отпуск летом Куда-нибудь подальше, но по-интереснее.
• Повысить ЗП до уровня, который меня устроит.
• Купить MacBook.
• Развивать знания и умения в Python и JavaScript.
• Приобрести головку для фотографирования панорам (или сделать самому)

Book Cover flow on JavaScript

I had lately one task to make Book Cover flow in JavaScript. It should looks like Book Cover on this page.
Requirements were are follow:

• It's implemented in JavaScript
• Images could be added to the queue dynamically
• On mouse hover over flow it should stop and on over resume.
• Every cover have own link.

I decide to use my loving jQuery and specially animation feature of it. You can find demo of final version here. jQuery plug-in could be found here.

Box with Corners and Borders and JavaScript Pin Layout.

Requirements:
I am making project where I needed to make such Layout environment:

• Layout consists of boxes (divs) that are could be pinned to the borders (sides) of it's container. (for the first time there could be only one container and all divs inside it)
• If box pinned to right border it should stay on the save length from right border. Same for left, bottom and top.
• If box pinned to right and left at once, than it should also be always at same lengths from right and left borders. In this case only width should change. Same for top and bottom.
• If box doesn't pinned to any border, than it should always be in the same place (in percentage to container size).

Also there special requirements to the box itself:

• Box should consists in most of 10 peaces: 4 borders, 4 corners and center zone.
• For each zone css background property could be assigned (with tiled picture or color)
• All except center zones could be omitted.

Canvas experiments.

Zoom In/Out using HTML 5 Canvas element

I played a little with HTML5 canvas. I was thinking about how to make zoom-in/out for image in web application. If you make ordinary image tag just with bigger properties height and width, than you get bigger  blurred image. It's not suitable for me. I need effect similar to stand alone applications like in Photoshop: if I magnify image 10 times, than there should be sharp colored squares (10x10 px) representing each pixel.




Canvas element has ability to take canvas image data as array of pixel colors. Also you can define canvas data by providing such array. So I've made couple of example where I process such data with JavaScript.

Here you can find demo. Try it with Firefox or other browses supported HTML 5 Cavnas element (not IE 6/7)
By clicking mouse with right/left buttons you can zoom in/out.  (But do it gently)

In the second demo you can find same effect but you should scroll your mouse wheel (also gently) and to move picture around you need to drag it.

In the third demo I used blurred magnification (that I mentioned earlier) but I tried to make grid to distinguish each pixel while zooming in.

I didn't find any suitable solution for my task. First two are very slow when you have big images and lot movements, even if you use much optimized JavaScript. Image with sizes 512x512 px (as I used in my demo) is represented as 512*512*4 = 104 8576 length's array. When you magnify it 5 times you get 5 242 880 length's array.

In first demo I didn't get whole image data at once, but only needed piece of image. But it happens very often while you move mouse around and its eats lot of memory and processor time.

In second demo I firstly make whole image magnification and after it you just move it around. So as you zoom in pixel array is growing exponentially, which leads to longer and longer pause.

Cropping Tool and Life game
In this demo I've made cropping tool with canvas. You can click and drag on empty space (above image) for make rectangles. After making some rectangles you can move it around and resizing it with right bottom corner.

In this demo you can find classic zer0-player Life Game. Try to run it by clicking Start button. If you want you can change initial droids count and life rules ("Live if there is from"). Also you can change speed by changing FPS value.

Прошёл квалификацию

Во вчерашнем соревновании я прошёл квалификацию, и теперь меня ждёт 1-ый раунд, после которого остануться 2520 человек. Я не очень уверен, что мне это удастся, но попытаться всё таки стоит.
Задания были, как ни странно сложнее, чем я ожидал. По крайней мере сложнее, чем которые там лежат для тренировки.

Проект Таллинн 360, как я и ожидал замедлил ход. На данный момент я жду одну пробную камеру с eBay'я. Если она удачно пройдёт испытания, тогда буду заказывать больше таких. И тогда уже процес пойдёт куда надо =)

Сходил на днях в Нарве в киношку на два фильма: Wanted (Русский локализованный вариант), и Хэнкок.

Купил у Лёхи камеру Canon 350D и это подстягнуло меня опять активно заняться фотографией. Всех приглашаю к себе в альбомчик, где вы найдёте интересные фотки кузнечика, который согласился мне попазировать, а так же я решил собрать в одном месте все интересные фотографии нашей кошки Масю.

Картинки для затравки:

Хельсинки и Панорамы

Опять отвлекаюсь от главного замысла этого блога. Но это лучше, чем ничего не писать =)
29-ого июня с Ланочкой ездили в Хельсинки на 1 день. В 8 утра выехали туда, и в 8 вечера обратно. Нам в полне хватило времени, что бы посмотреть город, и 5 часов покататься на всех аттракционах парка развлечений =)

Я предварительно подготовился, просмотрев всякие там Wikipedia на момент самых нужных для посещения мест (т.к. там я ни разу не был). В итоге очень помог этот список интересных мест центра. Из основных моментов для посещения были или какие-то музеи, или какой-то представление, или зоопарк, или парк развлечений. Мы выбрали последнее.
В конечном итоге мы прошлись по большей части тех мест, которые я выбрал для посещения. (Хотя офис Гугла я так и не нашёл =( )
Фото-отчёт можно посмотреть тут. Почти для всех фотографиям я указал место на карте. Названия писать было лень. Может быть, когда-нибудь! =) Не скупитесь на комментарии.

Также с поездки я привёз некоторый материал для склейки панорам, сделанных вручную. И у меня эти самые руки, таки, дошли до того, что бы заняться сборкой тех панорам, что у меня уже были. Я эксперементировал с разными склейщиками (в основном безплатными типа Hugin), но это занимало слишком много времени для точной ручной подгонки. Тогда я открыл для себя Autopano Pro. Она, конечно, платная, но очень хорошая. По крайней мере я перестал что-либо руками поправлять. Ею я и склеил практически все панорамки, которые выставил вот тут.
Как я заметил выше, что-то из них новое, а что-то старое пересклеенное.
Понятно, что для таких широких панорам 1600 пикселов по горизонту мало (Это максимум, который показывает Picasa Web Albums). По-этому необходимо их выложить где-то в специализированном для панорам, месте. Лучше, что бы это было что-то интерактивное. Я ещё пока не нашёл такого места. Как только, так сразу в комментах к ним появяться ссылки на полноэкранные варианты.

Картинки для привлечения внимания:

Alien Numbers

Вчера сделал одно из тестовых заданий из прошлых соревнований GJC. Называется Alien Numbers. Суть задания заключается в переводе чисел из одной системы исчисления в другую. Задаётся число в первой системе, первая система, вторая и надо найти тоже число во второй системе. Система задаётся в виде символов, которые используются в ней.

Ну на пример в десятичной системе это выглядит как 0123456789, в двоичной 01 в 16-иричной 0123456789ABCDEF и т.д. Но никто не запрещает использовать сколько угодно знаков (даже символы типа №%:?*)

Вот и получается, что 9 из десятичной системы в системе oF8 выглядит как Foo =)
А как уже потом показал небольшой Fun, можно закодировать фразу типа HELLO_WORLD, которая представляет из себя на самом деле число в системе ABCDEFGHIJKLMNOPQRSTUVWXYZ_. И если это всё перевести в десятичную систему, то получиться число 1474967912327400 =)
Или наоборот число в десятичной системе 1539883028604641423645393490470186061541638512686 в той же буквенной будет ... ? =) А это если кто захочет, может попробовать сам, ибо свои разработки я прилагаю.

GJC_AlienNumbers.rar - тут лежит сам файл .py, несколько пробных тестовых файлов с заданиями, а так же в папочке dist можно найти .exe файл.
Использовать .py можно тем, у кого стоит python.

python AlienNumbers.py -i input.txt -o output.txt

или, если кто-то мне доверяет =), то может запустить .exe

AlienNumbers.exe -i input.txt -o output.txt

На этом я пока отлажу, пожалуй, игры с GJC. Надо заняться Tallinn 360 + один проект, о котором я расскажу, когда об этом будет иметь смысл говорить =)

Кстати, .exe делается такой штукой как py2exe

п.с.
Чё-то мне сутра сегодня вот такое примерещилось =)))