Author Archive



23
Апр

Realaxy. Делюсь впечатлениями от презентации на Creative Future 2010

realaxy

Не зря говорят, что лучше один раз увидеть, чем тысячу раз услышать. И я увидел (и услышал) презентацию Ивана Дембицкого и Евгения Потапенко на мероприятии Creative Future 2010 об их детище - редакторе Realaxy. Я думаю,что у этого продукта есть все шансы стать хитом.

Внешне, это обыкновенный редактор кода, однако за довольно привычным интерфейсом скрыты возможности выходящие за рамки привычных представлений о редакторе кода для Action script 3.

Этот продукт построен на базе jetbrains mps. Это система  мета программирования, позволяющая расширять язык программирования по своему усмотрению. Мета программирование… м-м-м? Звучит, мягко говоря  не слишком ясно. Не бойтесь, я постараюсь объяснить… по крайней мере в той степени в которой это доступно моему пониманию.

Во всяком случае, в первую очередь Realaxy это очень, ну просто очень удобный редактор кода. С автокомплитом, с подсказками и автоматической генерацией кода, с подсветкой всего чего только можно. Все это можно внимательно изучить в скринкастах. Я не буду тут слишком углубляться в эти  детали. Я остановлюсь на том, что привлекло мое внимание.

Первое, что удивило  - наличие разбиения документа на секции в совершенно ультимативном порядке. То есть: вы создаете класс, и в документе сразу, жестко размечены секции: <<static fields>>,<static methods>>, <<methods>> и т.п. они обозначены специальными текстовыми тегами. И это означает, что cоответствующие переменные и методы могут быть размещены только там, где обозначен раздел для них. Т.е. вас заставляют делать правильный код, не позволяют мешать все в кучу. Эта идея, на мой взгляд весьма толковая, особенно для таких начинающих деятелей от дизайна,  как я, жестко задавать шаблон документа. И тут настоящий воин должен задаться вопросом какого хрена, а что это простите за формат документа такой, который может, что-то не позволить? Как тупой текстовый документ может не позволить мне что-то?…

А вот в том то и дело, что редактор Realaxy хработает с данными не в виде обыкновенного текстового файла as. Да, дорогие мои девелоперы, это XML (он конечно тоже текст, но все-таки это явно не action script). Получается, что разработка проекта , будучи начатой в этой среде, довольно жестко к ней привязывается.

Такой подход дает довольно интересные возможности.

Например, меня очень порадовала такая возможность редактирования кода: если в уже написанном коде вы измените имя существующей функции, то все ее вхождения в код будут переименованы автоматически.

Безусловно, в любой момент вы можете экспортировать из редактора обыкновенный action script код для использования в других приложениях, но при этом вы получите некоторое количество кода сгенерированного автоматически с о всякими волшебными автоматическими именами типа “bs_23434″.

Еще одной необычная, по крайней мере для меня, возможность - вы можете переопределять синтаксис языка, или  в терминологии этой среды - создавать расширения. Фактически Realaxy позволяет создавать нечто вроде надстройки над используемым языком. Для ясности приведу пример: кто-то из слушателей заметил, что это подобно тому, как если бы вместо ключевого слова function в редакторе показывалась бы условная иконка, наподобие смайлика, а область видимости ptivate или public тоже обозначалась условным значком… То есть у вас есть возможность переопределять конструкции языка для вашего удобства, для лучшей удобочитаемости кода. По существу это и есть основная идея мета программирования - возможность расширения языка, вот тут подробнее, но простите, на английском. Эта, на первый взгляд, неочевидная возможность позволяет улучшить удобочитаемость кода и сократить время разработки за счет уменьшения избыточной писанины (я думаю вы в курсе насчет некоторой избыточности синтаксиса action script). Планируется создать вокруг продукта некое сообщество пишущее эти расширения, с форумами, обсуждениями и т.п. Говорят что, что омериканцы проявляют нешуточный интерес к этим возможностям Realaxy.

(Еще раз подчеркну, я объясняю все так, как я понял, поэтому могу где-то ошибаться. Желающие могут обратиться к первоисточнику: тут в комментариях на хабре сами авторы дают пояснения по вышеописанным пунктам)

И еще пунктирно, что запомнилось:

  • В Realaxy есть богатые возможности рефакторинга, которые на этой платформе можно с легкость выращивать пачками любых размеров и цветов…
  • Код компилируется стандартным компилером flex3.

Переходя к жестокой прозе жизни, хочу отметить, что проект этот пока еще совсем бета – баги, глюки и  прочие прелести большого растущего организма, плюс эффект презентации, когда отказывает и глючит все то, что в повседневности ведет себя пристойно. Но, это как известно, лечится и я надеюсь со временем и глазик перестанет дергаться и ножка выпрямится… Я вот тоже надеюсь получить бету и помучать ее как следует. Документации пока нет никакой, кроме скринкастов, но что касается базовых возможностей редактирования - клавиатурных сокращений там совсем не много, и благодаря подсказкам, все довольно понятно.

Я надеюсь, что ходе своего развития Realaxy не перейдет ту черту за которой начинается пародия на заботу о нуждах пользователя, по типу редактирования текста в ms powerpoint, когда редактор настолько умен, что способен довести до белого каления любого пользователя, которому нужно нечто более сложное, чем типовой шаблон. Я имею ввиду мудацкое поведение пауэрпойнта при атоматическом форматировании текста, которое определяется какими-то неочевидными закономерностями. Или такой необходимый Puntoswitcher, нагло пытающийся переводить код action script на русский язык, штука нужная и умная, но иногда хочется взять и у…ть ее чем-нибудь тяжелым… Простите, отвлекся.

Релиз Realaxy планируется в августе или сентябре (”…Какого года?” - ядовитый вопрос из зала, я лично, очень надеюсь, что 2010).

Иван сказал, что продукт будет платный, стоимость около ста баксов. Возможно когда-нибудь он станет бесплатным.

Подводя итог могу сказать, что было довольно интересно посмотреть живьем скринкаст “людей из Черногории”, редактор получился интересный, хочу себе такой.

P.S.

Несколько слов о собственно мероприятии Creative Future 2010. Организовано все весьма толково, народу было много, вернее ОЧЕНЬ МНОГО. В перерывах раздавали бесплатные кофе-соки-воды и прочие бутерброды и даже пиво с чипсами после 19.00. Самая главная презентация была посвящена новым возможностям CS5. Я честно говоря, читал о них еще недели две назад, а про флеш5 еще с месяца два тому назад… но одно дело читать, а другое живая демонстрация релизного продукта.

Понравилось как грузится 64-битный фотошоп на эппловском ноуте под виндами - 3 секунды. Презентеры явно наслаждались эффектом - нажали кнопку, и сосчитали “раз, два, три” и он открылся. Я вот не могу пожаловаться на свой core i7 c 64-битными win7, но у меня четвертый явно не три секунды грузится…

В целом, не смотря на мой застарелый цинизм в отношении публичных мероприятий такого рода, впечатление осталось положительное.

19
Апр

Новый проект: Феи, бабочки и часы!

В апреле сошел со стапелей теперь уже очередной мой коммерческий проект — флэш сайт ресторана “Золотое время”:

zvremya_ru_01s

Сайт ресторана "Золотое время"

Да. Там летает фея, бабочка и играет блюз Golden time. Всю эту красоту мне помогла реализовать художница Светлана Шелихова.

Проект я реализовал на шаблоне проектирования MVC, активно используя собственные наработки предыдущих проектов, один из которых в эфире уже более года - zoom-mebel.ru

Для меня новым этапом в этом проекте была работа с аутсорсом, т.е. я нанимал художника, чтобы реализовать визуальную составляющую.

Проект был реализован в довольно сжатые сроки. В конце февраля состоялось первая встреча с клиентом, а 1 апреля сайт уже был открыт. Сказалось наличие готовых наработок от предыдущих проектов и мой существенно возросший опыт программирования на as3.

Что касается технических аспектов, то здесь есть два интересных момента:

  1. Я прикрутил в раздел “Контакты” — гугловскую карту. Оказывается у них есть флешовый API, с довольно развитыми возможностями. Я бы с удовольствием прикрутил и яндекс карты, но у них пока нет флэш api.
    В разделе “Контакты” пока остался глюк полосы прокрутки, видимо внедренная карта возвращает полную высоту всей карт, что составляет какую-то немыслимую величину в десятки тысяч пикселей, в результате после ресайза окна браузера полоса прокрутки выглядит так, как-будто там вся эта карта мира засунута в полный рост.
  2. Пришлось повозиться с феей, чтобы она прилетала и улетала когда надо, научил ее владеть волшебной палочкой :)

Что касается идеи сайта, то тут копирайт полностью принадлежит заказчику. Заказчик совершенно ясно представлял что ему нужно — фея, дерево, бабочки, сказочная атмосфера… И самое главное:в результате он получил именно то что хотел.

В конце концов им лучше известна их аудитория и ожидания приходящей к ним публики, поэтому я целиком сосредоточился на реализации и результат меня радует.

9
Апр

Realaxy ActionScript Editor is coming!

cf201023 апреля на мероприятии Creative Future Евгений Потапенко и Иван Дембицкий представят свою новую разработку Realaxy ActionScript Editor.

11:45—12:45 «Новое поколение редакторов: Realaxy ActionScript Editor глазами создателей.»
Выездной подкаст Евгений Потапенко, Иван Дембицкий, Зал №8

http://creativefuture.ru/speakers#potapenko

Иван Дембицкий:

думаю что мы раздадим желающим бета версию редактора.
Скажем так: желающие смогут стать тестерами закрытой беты.
И возьмите флэшку на всякий случай.

via ruFlash


А также просьба по возможности распространить эту информацию через свои блоги. За это тоже обещали выдавать бету. (Написав пост в своем блоге киньте ссылку на новость сюда: ivan.dembicki@gmail.com с сабжем [betatest].)

UPDATE

Скринкасты realaxy actionscript editor:

http://vimeo.com/8405505

5
Апр

Silverlight vs. flash сравнение на территории дизайна

На досуге занесло меня сюда: http://www.silverlight.net/showcase/.

Заинтересовался я сильверлайтом - вдруг и правда он превратиться в мейнстрим? Чем он лучше, что в нем такого особенного?

И стал я смотреть, что же такого интересного делают на Silverlight. И проковыряшись час в этом шоукейсе майкрософтовском - выяснил, что рука настоящего дизайнера еще не касалась сильверлайта.

Да, все вроде моргает, переливается, интерактивность на лицо, но с точки зрения дизайна все это просто детский сад.

silverlight1

И там на каждой странице этой галереи вот  такое беспросветное, унылое Говно. Уже с высоты птичьего полета видно, что на самих сайтах нас не ждет ничего хорошего. Я даже не буду тыкать пальцем в какие-то определенные сайты, оно все примерно одинаковое, смотрите сами. Глядя на этот балаган я невольно вспоминаю бесконечно убогий дизайн интерфейса Windows XP, который появился на свет, как ответ великолепному интерфейсу Mac OS X. Тоже все цветное, веселое такое было… И все это, я обращаю ваше внимание, лежит на центральном сайте, на котором по идее должно быть все лучшее, что сделано на этой платформе.

Я, конечно, понимаю, что если вот так без отбора свалить в кучу флешовые сайты, то запредельного говна будет даже больше, поскольку число флешовых сайтов сегодня на порядки выше, просто это говно никто целенаправленно не коллекционирует и отыскать его - надо еще постараться… И при этом можно зайти на thefwa.com и увидеть передний край флешового сайтостроительства, и это действительно произведения искусства, достойные работы. И заметьте их очень и очень много!

Сильверлайту, как платформе сегодня похвастаться пока нечем по части дизайна. Похоже, что сегодня на нем делают сайты в основном программисты, и они видимо так рады красивым переливающимся кнопкам, что дизайнеров пока не зовут помочь.

На мой взгляд Silverlight еще пока ходит в подготовительную группу детского сада. Он со временем созреет, но туда надо привлечь дизайнеров и тогда он может и превратиться в серьезного игрока.

3
Апр

SEO и flash

Зачем я вообще касаюсь этой темы?
Да все просто. Вот написал я клиенту сайт. Вывесил. Все, готово. А клиент спрашивает: а чей-то мы в поисковой выдаче не обнаруживаемся?

Строго говоря, это не ко мне. Я дизайнер, я сайт сделал, запулил на сервер и как говорится “от меня сигнал ушел”. Однако это все-таки не серьезно, на мой взгляд, так относится к делу. И решил я посмотреть что можно сделать с флешовым веб-сайтом, чтобы он как минимум не был черным ящиком для всяких яндексов и гуглов. Если поисковые роботы не поймут, о чем эта страница, то ее вряд ли вообще кто-нибудь, когда-нибудь увидит в поисковых выдачах.

Всем известно, что flash содержимое страницы это очень не правильная штука с точки зрения поисковой оптимизации, фактически, заходя на веб сайт поисковый робот видит одну html-страницу,  все содержимое которой - один внедренный swf ролик. Причем зачастую даже тег <title> не заполнен, соответственно для робота такая страница - ни о чем. Конечно, можно возразить, что сегодня google вроде как может индексировать содержимое swf ролика, но если весь контент ролика подгружается через xml, то поисковый робот опять в пролете.

Что же делать?

А делать надо вот что:

1. html страница в которую встроен ролик должна содержать осмысленно заполненные поля <title>, <meta name=”description” content=”"> и <meta name=”keywords” content=”">. Например страница посвящена яблокам.

<title> Страница о яблоках</title>
<meta name=“description” content=“яблоки, все о яблоках, яблоки и жизнь, все из яблок, яблоки и культура”>

<meta name=“keywords” content=“яблоки, плоды, фрукты, apples”>

Я не буду здесь распространяться о том, что именно надо вписывать в эти теги, поскольку не специалист, но заполнить их хоть каким-то осмысленным содержанием относящимся к сайту - дело минутное.

2. Тег <noscript> нужно заполнить содержимым, дублирующим содержание сайта во флеше. Обычно ролик встраивается в страницу с помощью скриптов. Все относящиеся к этому делу функиции на странице находятся в разделе <script></script>. Если скрипты в браузере отключены, то на странице отобразится содержимое тега <noscript>. Но самое главное для нас то, что поисковый робот индексируя страницу прочтет все что там есть, и увидев нормальный, понятный для него контент внутри тега <noscript> он будет очень доволен!  В качестве примера зайдите сюда,  на сайт adobe.inspire и потом просмотрите код страницы и вы увидите то о чем я вам здесь толкую. Именно так все устроено у тех, кто понимает в этом толк. Причем если отключить скрипты мы получим совершенно лысую страницу без всяких украшательств, содержащую только текст, оно и понятно, вероятность того, что кто-то будет смотреть эту страницу с отключенными скриптами стремится к нулю… Главное что поисковые боты получат, что им нужно.

Опытным путем я выяснил, что браузер Chrome не поддерживает тег <noscript>, об этом и в гугле пишут. Если запихнуть содержимое страницы прямо внутрь div’а в который внедряется флэше, то при отсутствии флеш ролика будет показано это содержимое, так что можно даже без <noscript> обойтись.

Еще раз хочу подчеркнуть, что речь идет именно об оптимизации для роботов поисковых систем. Если ваш сайт попадет к примеру на thefwa.com или к какому-нибудь блогеру-тысячнику в пост, то трафик к нему придет и без этих ухищрений. Но вы туда сначала попадите…

Собственно вот и все, что имею сказать. Может есть и другие рецепты, но я о них пока ничего не слышал.


Celadon theme by the Themes Boutique