Профессиональная разработка интернет приложений

JQuery. Обработка нажатий в Iphone

admin — Fri, 18 May 2012 16:48:20 +0000

Ради интереса решил проверить один из своих Web проектов, как он работает под iPhone. В этом проекте большое количество javascript. Обнаружил, что кнопки, на которые с помощью jQuery повешено событие click, работают очень странно. При первом клике происходит их выделение – срабатывает css :hover, а сам клик отрабатывает только если кликнуть по той же кнопке еще раз.

Выяснилось, что бразузер Safari, для некоторых элементов, не обрабатывает событие click, но на эти элементы можно повесить событие tap, touchstart. В итоге, я решил повесить на кнопку оба события, что решило мою проблему:

$(‘#fn-cue’).bind(‘click touchstart’, router.actions.cue);

Конференция для веб-разработчиков «ZFConf 2012»

admin — Tue, 17 Apr 2012 07:06:45 +0000

Конференция для веб-разработчиков «ZFConf 2012»

21 апреля, Москва

21 апреля в Москве пройдет очередная ежегодная конференция для веб-разработчиков ZFConf 2012, посвященная популярной платформе Zend Framework.

В этом году с докладом выступит гость из Италии — Enrico Zimuel из Zend Framework Core Team. А также Виктор Фараздаги, Александр Веремьев, Алексей Качаев и многие другие специалисты.

На сайте опубликован полный список докладов и открыта регистрация.

Доклады

Zend Framework 2, a quick start
Enrico Zimuel (Zend Technologies, Zend Framework Core Team)

Code Generation и Scaffolding в Zend Framework 2
Виктор Фараздаги (Simple Square, Senior Developer)

Реализация доступа к СУБД IBM DB2 посредством встраиваемого SQL
Александр Веремьев (Zend Framework contributor)

Распределенные сетевые приложения c Zend Framework 2 и ZeroMQ
Алексей Качаев (Сogniance, Senior Software Engineer)

Dependency Management в PHP и Zend Framework 2
Кирилл Чебунин (Creara, Senior PHP Developer)

Кеш без промахов средствами Zend Framework 2
Никита Грибалев (Nival, Lead PHP Developer)

Проектирование архитектуры, внедрение и организация процесса разработки на примере собственного проекта на основе ZF
Антон Великанов (Sand Sign, Founder&CEO)

Capistrano для деплоймента PHP-приложений
Роман Лапин (Evercode Lab, Senior Developer)

К участию также приглашаются спонсоры и инфопартнеры. По всем предложениям и вопросам пишите, пожалуйста, через форму обратной связи.

Следите за последними новостями:

Хабраблог: habr.ru/company/wizartech/blog/
Facebook: facebook.com/groups/143714275748061/
ВКонтакте: vk.com/zfconf
RSS: feeds.feedburner.com/zfconf
Twitter: twitter.com/zfconf

Организатор: компания Wizartech
Партнеры: сообщество Zend Framework и конференция Frameworks Days

Flex. Должен ли ItemRenderer знать тип модели?

admin — Tue, 02 Aug 2011 14:41:39 +0000

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

Как известно, для отображения данных, в ItemRenderer присутствует переменная data. Проблема заключается в том, что тип этой переменной – Object. И это не приемлимо, если все модели в проекте типизированны.

Я считаю, что переменная data, в ItemRenderer должна иметь тип обрабатываемого объекта. Это позволит избежать досадных ошибок при рефакторинге – о них вы узнаете еще до запуска программы, на этапе компиляции. А это, как вы понимаете, не малого стоит.

Поэтому я предлагаю во всех ItemRender-ах использовать типизированные переменные отображаемых данных. Например, я поступаю так:


  
    {data}

Profiler во Flash Builder. Проблема запуска

admin — Tue, 26 Jul 2011 20:50:45 +0000

Разрабатывая программы, я люблю пользоваться профайлером. Очень уж мне хочется, чтобы мои творения работали быстро и приносили максимальное удовольствие пользователям. Разработка на Flex – не исключение.

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

И вот, свершилось! Когда в очередной раз профайлер не запустился, я заметил, что workspaсe создал в папке, путь к которой содержит пробел. А не из-за него ли это, подумал я. Оказалось, что я попал в точку. Вот и решение – в пути к рабочему пространству проекта не должно быть пробелов!

Список докладов и финальная регистрация ZFConf 2011 — второй российской конференции по Zend Framework

admin — Tue, 10 May 2011 08:41:04 +0000

Основные подготовительные работы по конференции закончены. Доклады сформированы. Среди спикеров представители KnpLabs, Magento, JetBrains, Sphinx и других известных компаний.

Открыта финальная регистрация!

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

Пожалуйста, обратите внимание на то, что изменилось место проведения! Мероприятие будет проходить на прошлогодней площадке — в актовом зале ЛГТЦ (Ленгипротранс-Центр), по адресу: Московский пр., 143, ст. м. «Электросила». Кофе-брейки и обсуждения на флипчартах будут проходить в фойе.

Cписок докладов:

Гибкая архитектура Zend Framework приложений с использованием Dependency Injection
Алексей Качаев (Сogniance, Senior PHP Developer)

Воюем за ресурсы: Повышение производительности Zend Framework приложения с помощью phpDaemon, Varnish и ESI
Алексей Качаев (Сogniance, Senior PHP Developer)

Behavior Driven Development в PHP и Zend Framework
Константин Кудряшов (KnpLabs, Senior Web Developer)

Разделение труда: Организация многозадачной, распределенной системы в Zend Framework с помощью Job Queue
Александр Готгельф (Magento, PHP-разработчик)

Как может помочь среда разработки при написании приложения на Zend Framework?
Николай Матвеев (JetBrains, разработчик)

Создание REST-API для сторонних разработчиков и мобильных устройств с авторизацией по протоколу OAuth 1.0
Дмитрий Чижевский (Дзен-мани, разработчик)

Толстая модель: История разработки собственного ORM
Михаил Шамин (Геометрия, ведущий разработчик)

Что такое Sphinx, зачем он вообще нужен и как его использовать с PHP (от простого индекса до поискового кластера)
Владимир Федорков (Sphinx, Director of Professional Services)

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

Торопитесь, количество мест ограничено!

Обязательно следите за последними новостями:
RSS-канал: feeds.feedburner.com/zfconf
Twitter: @zfconf
Группа ВКонтакте: vkontakte.ru/club14951507

Организатор: компания Wizartech
Партнеры: сообщество zendframework.ru и конференция ZFConf Ukraine

Установка BlaseDS

admin — Fri, 25 Mar 2011 06:04:08 +0000

Для работы BlaseDS, на вашем компьютере должна быть установлена среда выполнения Java. Скачать ее можно тут: http://www.oracle.com/technetwork/java/javase/downloads/index.html. После ее установки, можно приступать к экспериментам с BlaseDS.

Для начала скачаем последнюю версию сервера BlaseDS. Сделать это можно на странице http://opensource.adobe.com/wiki/display/blazeds/Downloads . Для загрузки потребуется регистрация. На странице загрузки вам будет предложено 3 варианта дистрибутива:

Turnkey – сервер, полностью готовый к работе. Для начала скачаем именно его
Binary distribution – war архив для установки в сервер приложений
Source – исходные коды сервера

Скопируйте содержимое архива, во вновь созданную папку. Теперь можно совершить первый запуск сервера. Но не торопитесь. С сервером поставляется несколько ознакомительных приложений, для работы которых нужна тестовая база данных. К счастью она тоже включена в поставку. Ее нужно только запустить. Для этого в командной строке переходим в папку sampledb и выполняем команду startdb.

После запуска базы данных можно запустить tomcat. Для этого перейдите в папку tomcat\bin и запустите скрипт strartup. После старта сервера, перейдите в браузере на адрес http://localhost:8400/ , и вы увидите главную страницу BlaseDS

С этой страницы вы можете перейти в панель управления сервером или на страницу с ознакомительными приложениями. Все они уже готовы к работе.

PHP и FileReference во Flex

admin — Wed, 23 Mar 2011 06:05:11 +0000

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

В связке Flex и PHP такая схема работает без проблем. Все запросы к серверной части можно защитить проверкой данных авторизации в сессии PHP. Но если вы попробуете проверить авторизацию в обработчике POST запроса загрузки файла из FileReference, у вас ничего не выйдет. Сессия в обработчике этого запроса будет пустая.

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

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

public function browse():void
{
	fileReference = new FileReference();
	fileReference.addEventListener(Event.SELECT, onDocumentSelected);
	fileReference.browse();
}

private function onDocumentSelected(event:Event):void
{
	getSession();
}

private function sessionRecieved(sessionId:String):void
{
	var url:String = "http://example.com?PHPSESSID=" + sessionId;
	var urlRequest:URLRequest = new URLRequest(url);
	fileReference.upload(urlRequest);
}

В примере, в обработчике выбора документа вызывается метод getSession(), запрашивающий у PHP части идентификатор сессии. Когда этот идентификатор получен, вызывается метод sessionRecieved, помещающий идентификаторы сессии в строку запроса и инициирующий загрузку файла. Идентификатор сессии помещается в параметр PHPSESSID.

Так же идентификатор PHP cессии можно запросить через JavaScript. Но мне этот вариант не нравится.

public function execute():void
{
fileReference = new FileReference();
fileReference.addEventListener(Event.SELECT, onDocumentSelected);
fileReference.addEventListener(Event.OPEN, openHandler);
fileReference.addEventListener(IOErrorEvent.IO_ERROR, ioErrorUpload);
fileReference.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityError);
fileReference.addEventListener(Event.CANCEL, cancelUpload);
fileReference.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA, uploadCopmpleteDataHandler);
fileReference.browse([FileUpload.DOCUMENTS_FILTER, FileUpload.IMAGES_FILTER]);
}

private function uploadCopmpleteDataHandler( event:DataEvent ) :void {
logger.debug(«responseHandler::event.data = » +(event.data as String));
var data:Object = JSON.decode(event.data as String);
if (data.result != «ok»){
model.sharedFiles.state = SharedFiles.UNPENDING_STATE;
AlertDefault.show(ResourceManager.getInstance().getString(‘ui_res’, ‘file_uppload_fail’), ResourceManager.getInstance().getString(‘ui_res’, ‘ufc_alrt_00′));
}else{
new UploadFileCheckFileConvCom().execute();
}
}

private function onDocumentSelected(event:Event):void
{
if((event.currentTarget as FileReference).size > 15728640){
//check that file size < 15728640
AlertDefault.show(ResourceManager.getInstance().getString(‘ui_res’, ‘upload_file_size_limit_message’));
}
else{
if(model.guiState.isAllowedLoadDocuments || model.conference.iam.privileges.hasBroadcast){
model.sharedFiles.state = SharedFiles.PENDING_STATE;
new GetSession(sessionRecieved, getSessionError).call();
}else{
AlertDefault.show(ResourceManager.getInstance().getString(‘ui_res’, ‘deny_upload_document_message’));
}
}
}

private function getSessionError():void{
model.sharedFiles.state = SharedFiles.UNPENDING_STATE;
}

private function sessionRecieved(sessionId:String):void
{
var url:String = ConferenceManagerModel.httpBaseUrl + «?act=upload»;

url += («&conf_url=» + model.conference.urlConf);
url += (!(ConferenceManagerModel.isOwner || ConferenceManagerModel.isRegistered) ? «&author_reg=0″ : «&author_reg=1″);
url += «&author=» + (!(ConferenceManagerModel.isOwner || ConferenceManagerModel.isRegistered) ? model.conference.iam.name : ConferenceManagerModel.uid) ;
url += «&PHPSESSID=» + sessionId;
logger.info(«Attempt of upploading file to url: » + url);
var urlRequest:URLRequest = new URLRequest(url);
fileReference.upload(urlRequest);
}

Что такое BlazeDS

admin — Wed, 02 Mar 2011 16:41:18 +0000

Разрабатывая RIA приложение на Flex, для обработки данных необходимо использовать http сервер. Для этих целей подойдет и обычный сервер Apache, с установленным на него PHP. Общение серверной и клиентской части будет происходить посредством HTTP запросов, в которых будут передаваться данные в формате XML или JSON.

У технологии Flash есть родной формат передачи данных – AMF3. Описанную выше конфигурацию можно доработать для поддержки этого формата, установив на Apache библиотеку AMFPHP.

Проблема заключается в том, что для небольших приложений языка PHP вполне хватает. Но если планируется создать крупную систему, нужно подумать о переходе на более пригодный для нее язык – например Java. Кроме того, для осуществления взаимодействия программ на этом языке с Flex клиентами есть замечательный сервер – BlazeDS.

BlazeDS – это веб приложение, запускаемое в контейнере сервлетов или сервере приложений Java. BlazeDS представляет собой набор сервисов, управление которыми осуществляется посредством JMX агентов. Его возможности:

Выполняет удаленные Java методы по запросу Flex приложения
Транслирует Java объекты в объекты AS3 при возвращении результата выполнения удаленного Java метода
Транслирует AS3 объекты в объекты Java при вызове уделенного Java метода из Flex приложения
Обслуживает соединения между Flex приложением и Java приложением
Доставляет данные на клиент без запроса

В скором времени на блоге появятся статьи, подробно описывающие создание RIA приложений с использованием BlazeDS.

Недостаток конструкции WITH

admin — Fri, 18 Feb 2011 12:03:52 +0000

Вот что написано про конструкцию «with» в документации по ActionScript:

Establishes a default object to be used for the execution of a statement or statements, potentially reducing the amount of code that needs to be written.

То есть конструкция «with» должна обеспечивать уменьшение объема кода. Но кроме красивого кода, приложение должно отличаться еще и надежностью. А как раз с этой точки зрения данная конструкция показывает себя с негативной стороны. Дело в том, что компилятор Flex не может обнаружить отсутствующие переменные в объекте, переданном в «with».

Например, если у нас есть класс Foo, а мы с помощью «with» попробуем вызвать несуществующий метод «bar» объекта этого класса, компилятор будет молчать:

var foo:Foo = new Foo();
with (foo)
{
    bar();
}

Establishes a default object to be used for the execution of a statement or statements, potentially reducing the amount of code that needs to be written.

Flex 4. При наведении мерцают кнопки

admin — Thu, 02 Dec 2010 14:36:21 +0000

Разрабатывая на Flex 4 видеоплеер, элементы управления которого скрываются, когда мышь выходит за его пределы и появляются, когда мышь оказывается над ним, я использовал события объекта класса Application mouseOut и mouseOver. В обработчике первого события устанавливался флаг, что мышь за пределами приложения, в обработчике второго, данный флаг переводился в значение, сигнализирующее наличие указателя мыши над приложением. Свойство visible, всех элементов управления было привязано к этому флагу.

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

Решением данной проблемы является использование событий rollOver и rollOut, вместо mouseOver и mouseOut. В подробности я не вдавался, т.к. и без этого потратил достаточно времени на решение такой простой и в то же время очевидной проблемы.