Архив

Архив раздела ‘AJAX’

ExtJS Tips&Hacks или броня для веб проекта — сплав Zend Framework, ExtJS и reCaptcha

logoПриветствуем наших читателей. Сегодня мы снова опишем небольшое решение для ExtJS, которое возникло в ходе нашей работы над новыми проектами (раскрою только, что это он-лайн браузерные игры). На этот раз мы используем не только сам ExtJS, но и дополнительные средства, в частности, серверный РНР фреймворк Zend Framework и сервис reCaptcha.

Если вы строите веб-приложение, вместо обычного сайта (хотя, что сейчас этот "обычный сайт"?), то скорее всего, вам понадобится защита от автоматических регистраций или хоть бы попыток обхода, ведь нам интересны  посетители и пользователи люди, верно? Для этого существует механизм CAPTCHA, а данном примере мы используем тест, генерируемый сервисом reCaptcha, который мы считаем на сегодняшний момент самым продвинутым и удобным. Хотя в дистрибутиве Zend Framework есть и собственная реализация, однако вариант от reCaptcha мне кажется более удобным, так как там есть и вариант аудио-каптчи. Читать далее...

ExtJS Tips&Hacks: автоматическая загрузка библиотеки ExtJS по требованию.

25 февраля 2009 4 комментария

ext_bld_logo1Приветствуем наших читателей. В этом выпуске нашей новой рубрики ExtJS Tips&Hacks мы поговорим о возможности динамической предзагрузки библиотеки по требованию. Изначально, для использования фреймворка, Вам надо на странице подключать сначала стилевой файл, потом адаптер, которые реализует основной функционал, а в случае использования другой AJAX-библиотеки в качестве основы, сначала и ее дистрибутив. И только потом уже основной файл ExtJS, либо его debug-версию на этапе разработки. Конечно, сократить время загрузки поможет объединение всех файлов в один, сжатие gzip и другие методики. Но...
Читать далее...

ExtJS, Adobe AIR и технология PixelBender — красиво, ничего не скажешь!

19 февраля 2009 2 комментария

animsПриветствуем читателей. Давно не появлялось чего-то новенького об ExtJS, видимо все готовятся к анонсированной конференции (мы уже писали об этом), а те, что останется в уютных домашний креслах - к анонсу ExtJS 3.0. Но сегодня заглянув в официальный блог компании, я нашел интереснейшую заметку. Как уже известно, в последние версии ExtJS начали активно внедрять поддержку платформы Adobe AIR, что не может не радовать, ведь именно симбиоз этих двух потрясающих инструментов может дать, в умелых руках, конечно, просто отличные результаты.

В Flash 10, а значит и в Adobe AIR 1.5 в его именно флешевую часть была внедрена интересная технология, по сути, полного управления всем отображаемым на экране - PixelBender. При помощи специального языка программирования GLSL (OpenGL Shading Language) разработчик может описывать операции над пикселями, при этом программа может быть применена не только к картинке, а к любому флеш-объекту, в том числе и целому окну или веб-странице. Кстати да, вы не ослышались, речь идет именно об OpenGL, а это нас приближает вплотную к возможности создать серьезные графические приложения, оперируя только обычными для веб-разработки инструментами. Если кто разбирается в 3D, то эта технология очень близка к пиксельным шейдерам, которые также программируются на своих языках. Читать далее...

JavaScript, AJAX, Socket и Flash/ActionScript — исследуем вопрос передачи данных в AJAX-приложениях

12 февраля 2009 5 комментариев

socket_1667_128Приветствуем наших читателей. Как то в последнее время я начал активно повышать свои навыки и знакомиться не только и не столько с новыми технологиями, но и изучать некоторые привычные всем, но новые для меня вещи. Например, я уже более-менее освоил Java, а именно - занимаюсь сетевыми сервисами и фреймворками, а также системы кеширования - но об этом как-нибудь в другой раз (планирую много написать, но увидим). Также, из последнего (буквально вчера) - начал работать с ActionScript 3. Так что теперь часть в моих проектах будет написана и на Flash, хотя мое мнение относительно применимости в AJAX-приложениях Flash-компонентов не изменилось - их надо использовать там, где они дают максимальное преимущество, а вот вся "обвязка", например, интерфейс пользователя, можно сделать при помощи стандартных технологий. Мой любимейший ExtJS все же даст фору любым Flash/Flex-решениям, но если вы найдете что-то похожее - обязательно напишите комментарий. Стоп, сегодня статья снова не об этом. Читать далее...

Обновление ExtJS и другие… приятности

5 февраля 2009 Comments off

logoПриветствуем читателей. Какая-то очень сумбурная неделя получилась, много работы разной было, мы даже успели наконец выложить первый вариант своего проекта, о котором уже писали (сервер сессий для РНР-приложений). И вот подоспела новость, о которым я просто не могу промолчать! Случайно заглянув на сайт ExtJS, с удивлением увидел, что версия этой замечательной библиотеки обновилась, более того, появился столь ожидаемый анонс следующей, 3 версии. Но обо всем по порядку.

Текущий релиз ExtJS обновился до версии 2.2.1. Это, с одной стороны, достаточно незначительное изменение, даже не под-версии, но если внимательнее присмотреться, обнаружится достаточно интересные вещи. Полный список изменений здесь. Читать далее...

ExtJS Tips and Hacks — делаем красивый список с DataStore, DataView и XTemplate

Приветствуем читателей. Этот материал первый в нашей новой рубрике, посвященной различным небольшим хитростям, практикам и просто реализации каких-то частных но интересных или полезных задач при помощи ExtJS. Так как я уже достаточно долгое время работа с ExtJS, начиная еще с версии 1.0, и реализовал уже несколько достаточно сложных проектов, то у меня (и моих коллег-разработчиков) уже набралось некоторое количество таких решений, вот и будем ими делится. В то же время эти заметки некоим образом не рецепт успеха, не объект копи/паста, а часто даже не предмет обсуждения - понятно, что в большинстве случаев можно сделать по другому, лучше, а для каких-то целей наше решение вообще не подойдет, кому-то не понравиться стиль или архитектура. Так что рассчитывайте на эти заметки как на руководство к действию, описание того, что и как вообще можно сделать на ExtJS и как просто на некоторую выжимку чужого опыта. Сегодня мы расскажем вам о создании красивого списка, например, товаров или других объектов, когда надо визуально полностью показать параметры объекта и, допустим, его фотографию. Кстати, почему мы - это решение предложено моим сотрудником и просто хорошим другом, Богданом Хрупой (связаться с ним можно здесь, а также посмотреть его личный блог), так что это наш совместный материал. Читать далее...

WarAliance Game — постмортема проекта он-лайновой браузерной стратегии, часть 2.

logo1Приветствуем наших читателей! Сегодня я продолжу рассказывать о проекте WarAliance, начало читайте в этой статье.

Примечание: данный текст  - это только критический взгляд с теперешнего опыта и воспоминание своего первого опыта. Конечно, сейчас я вижу и знаю, где и что было сделано не так, и описанное - всего лишь попытка восстановить в общих чертах картину того времени и описать свой первый опыт в игровой индустрии в качестве разработчика игры (опыт в играх в качестве менеджера уже был накоплен). Все приведенные документы, скриншоты, схемы и другая информация приведены лишь в ознакомительных целях.

В предыдущую статью не попал скриншот с системы навигации по карте галактики. Механизм там простой - технически карта состоит из нескольких слоев, внизу лежит растровый рисунок, сверху он покрывается сеткой секторов или квадратов, в зависимости от типа карты. При наведении курсора на область сектора, он подсвечивается и отображаются его границы, по двойному клику переход на детальную карту указанного участка. Это все инкапсулировано в один объект, и перезагрузки страницы не происходит - все слои перестраиваются сразу на клиенте, а все данные о вселенной грузятся только первый раз и хранятся в кеше. Механизм стал еще одной технической фишкой проекта. Читать далее...

Интересные и перспективные JavaScript фреймворки для изучения

25 декабря 2008 5 комментариев

Приветствуем наших читателей. Последние несколько дней я усиленно ищу и читаю по инету все, что имеет отношение к высокопроизводительным системам и архитектуре игр в частности, а также погружаюсь в изучение технологий из мира Java. Впрочем, это заслуживает отдельных статей, которые будут в самое ближайшее время представлены (возможно, даже вместе с новым проектом). Ах да, не буду скромничать, еще и день рождения отмечаю (хотя сложно его отмечать в текущей ситуации). Но и это не имеет отношения к сегодняшней теме. В нашем твиттере прошла ссылка на десять JS-фреймворков, которые интересны в плане изучения и расширения возможностей, для того, чтобы разработчики не ограничивались только верхушкой мейнстрима (имеется ввиду jQuery/Prototype/Mootools/YUI). Вполне вероятно, что что-то из этого списка завтра будет не менее популярно, да и просто для повышения своей квалификации или подсматривания интересных решений. Оригинал на английском языке здесь, а мы попробуем рассмотреть самое интересное со своей колокольни. Читать далее...

Платформа Adobe AIR для Linux — размышления на тему.

20 декабря 2008 Comments off

sidebar-logo2Приветствуем читателей. Только я совсем недавно решил серьезно обратить свой взгляд в сторону платформы AIR, так сразу и приятная новость. Когда я писал предыдущий обзор, о нововведениях в 1.5, мне резонно возразили (прочем, как всегда, далее тема перешла в спор о популярности платформ вообще), что пользователи Linux-десктопов лишены этих "плотских" радостей, так как SDK и сам Runtime для Linux все еще оставался на уровне 1.0 и то в статусе альфа/беты. Однако не все та плохо - буквально на днях компания Adobe преподнесла нам просто таки новогодний подарок в виде новости о выходе 1.5 SDK для Linux, а также обещание впредь вести разработку и релизы обоих платформ одновременно.

Более того, для счастливых обладателей 64-битных платформ также приятная новость - наконец есть более-менее простой и легальный способ работать с 10-м флешем в 64-битном окружении, ранее были большие трудности и часть функций, как мне известно, просто не работала. Это, правда, не означает выхода 64-битной версии самого флеша, а только то, что он научился внутри себя же запускаться в 32-битном режиме. Читать далее...

Adobe AIR 1.5 — серьезное обновление серьезной платформы.

5 декабря 2008 3 комментария

Как-то мы очень мало освещали в блоге тему платформы для AJAX-приложений Adobe AIR. Согласен, это упущение, так что будет навёрстывать. Так как о самой платформе вообще и о предыдущих версиях уже писали все, то мы начнем расширение тематики блога сразу с версии 1.5, которая вышла совсем недавно и станет теперь основной платформой, с которой я буду работать. И вот, что же нового и интересного в этой версии, мы и поговорим далее.

Самым первым я бы отметил, что обновились сами внутренности платформы. Если кто не знает, по большому счёту, два основных компонента платформы AIR  - это Flash-движок и движок рендеринга HTML/JavaScript-а WebKit. Вот именно они и обновились. Ведь на днях вышла новая версия Flash-плагина 10 версии, в котором также очень много изменений и нововведений. Если раньше беты можно было использовать в браузерах, то в платформе AIR использовалась устаревшая версия Flash-плеера, теперь же версии сравнялись и все возможности 10-й версии Flash-а доступны для использования.

Читать далее...