drupal+flash=druplash cms

Валерий Макаров[email protected]

www.druplash.org

DRUPAL + FLASH = DRUPLASH

Создание СMS для Flash сайтов на основе Drupal

ПОЧЕМУ НЕ FLASH?

У большинства студии, только 5% проектов выполнены полностью на �ash

Большинство пользователей и заказчиков показывают �ash-сайты, как пример удачных и красивых решений

ПОЛЬЗОВАТЕЛЯМ НРАВЯТСЯАНИМИРОВАННЫЕ,КРАСИВЫЕ FLASH САЙТЫ

ЗАКАЗЧИКАМ ТОЖЕ НРАВЯТСЯFLASH САЙТЫ, НО ОНИ БОЯТСЯТИПИЧНЫХ ПРОБЛЕМ С FLASHСАЙТАМИ:

ЗАКАЗЧИКАМ ТОЖЕ НРАВЯТСЯFLASH САЙТЫ, НО ОНИ БОЯТСЯТИПИЧНЫХ ПРОБЛЕМ С FLASHСАЙТАМИ:

Нет CMSНет SEOНет ссылок на внутренние страницы ( deeplinking, bookmarking, browser history)

Совместимость с версией �ashplayer(version detection)

Druplash в идеале должен стать open-source проектом, который решает эти проблемы. В итоге это должна быть сборка Drupal со всеми настроенными модулями и примеры-исходники �ash, реализующие типичные задачи сайта.

ПОЧЕМУ DRUPLASH?

ЧЕМ DRUPLASH ОТЛИЧАЕТСЯОТ ДРУГИХ FLASH CMS?

Бесплатный opensource проект

Drupal - одна из лучших opensource CMS ( лучшая в 2009 opensource CMS по версии pakt-

pub ) с огромным количеством модулей

Все необходимые для удобного взаимодействия с Flash модули Drupal уже написаны ( SWFaddress, AMFPHP и другие )


Поддержка SWFobject( грамотное внедрение �ash )

Поддержка SWFaddress( deeplinking, browser history )

SWFaddress SEO(альтернативный HTML контент)

Поддержка AMF (бинарный формат передачи данных)

(продолжение)


Drupal удобен для получения HTML версии сайта (альтернативный HTML контент)

Реализация за счет Drupal логики, работы с изображениями и.т.п.

Безопасность (поддержка сессий, API key)


ЧТО ИЗ СЕБЯ ПРЕДСТАВЛЯЕТDRUPLASH?

SWFobjectSWFaddressAMFPHPServices

DRUPAL 6FLASH AS3

клиентская часть серверная часть

ActionScript Message Format

FLASH AMFPHP

ActionScript AMF PHP

DRUPAL

SERVICESmodule

<function>getHello</function>

( Services node.get )

drupal.call( "node.get",nodeResponse, sessionId, nid );

клиентская часть серверная часть

ActionScript Message Format

FLASH AMFPHP

ActionScript AMF PHP

DRUPAL

SERVICESmodule

<function>getHello</function>

“Hello World!”

( Services node.get )

серверная часть

drupal.call( "node.get",nodeResponse, sessionId, nid );

серверная часть

Поддержка SWFobject( грамотное внедрение �ash )

Поддержка SWFaddress( deeplinking, browser history )

SWFaddress SEO(альтернативный HTML контент)

Поддержка AMF (бинарный формат передачи данных)

AMF - ADOBE ACTIONSCRIPT MESSAGE FORMAT - бинарный формат передачи данных, позволяющий удаленно запускать (PHP) функции и возвращать результат в виде обьектов ActionScript.(за счет того, что формат бинарный мы получаем некоторое ускорение по сравнению с XML)

AMF3 - opensource формат.

AMF - ADOBE ACTIONSCRIPTMESSAGE FORMAT

Drupal удобен для получения HTML версии сайта (альтернативный HTML контент)

Реализация за счет Drupal логики, работы с изображениями и.т.п.

Безопасность (поддержка сессий, API key)

AMFPHP

AMFPHP - opensource библиотека

Существует так же AMFPHP.module модуль Drupal

МОДУЛЬ SERVICES

Модуль SERVICES позволяет DRUPAL работать с “внешним” API

Через сервисы FLASH получает доступ к данным из DRUPAL

DRUPAL 6FLASH AS3

node.getnode.saveviews.get

другие сервисысамописные сервисы

ПОДКЛЮЧЕНИЕ К DRUPALИСПОЛЬЗУЕМ КЛАСС NetConnection

FLASH

ПОДКЛЮЧЕНИЕ К DRUPAL// Путь до модуля AMFPHPvar baseURL:String = "http://localhost/drupal6";var gateway:String = baseURL + "/services/amfphp";

// Определяем тип соединения с Drupalvar drupal:NetConnection = new NetConnection();drupal.objectEncoding = ObjectEncoding.AMF3;

// Устанавливаем соединениеdrupal.connect( gateway );

ПОДКЛЮЧЕНИЕ К DRUPAL// Определяем получателя для ответа от Drupalvar responder:Responder = new Responder( onCon-nect, onError);

// Подключение к Drupaldrupal.call("system.connect", responder);

// При успешном соединенииfunction onConnect( result:Object ){ trace("Соединение прошло успешно!!!");}


ПОДКЛЮЧЕНИЕ К DRUPAL// Обработчик ошибокfunction onError( error:Object ){ for each (var item in error) { trace(item); }}

(продолжение) (продолжение)

Нода ( Node ) - аналог страницы в терминалогии Drupal

ЗАГРУЗКА НОДЫ ИЗ DRUPALВО FLASH

FLASH

ЗАГРУЗКА НОДЫ ВО FLASH// Подключение к Drupaldrupal.call("system.connect", responder);

// Загрузка нодыfunction loadNode( nid:Number ) { // Определяем получателя для ответа от Drupal var nodeResponse:Responder = new Responder( onNodeLoad, onError); // Вызов node.get для получения ноды drupal.call( "node.get", nodeResponse, sessionId, nid ); }

ЗАГРУЗКА НОДЫ ВО FLASH// Если Drupal успешно вернул нодуfunction onNodeLoad( node:Object ){// Выводим поле Title из Ноды trace( node.title );}



ПРИМЕРЫ САЙТОВНА DRUPLASH

www.davematthewsband.com

www.hellonasty.beastieboys.com

http://stevenmerrilltenor.com/

OPENSOURCE DRUPLASHВАРИАНТЫ РЕАЛИЗАЦИИ

ВАРИАНТЫ РЕАЛИЗАЦИИ

www.adobe.com/devnet/�ash/articles/drupal_�ash.html

www.adobe.com/devnet/�ash/articles/drupal_�ash.html www.richardleggett.co.uk

www.tmtdigital.com

FLASH WITHDRUPAL

Travis Tidwell

www.tmtdigital.com

Глава 1. Введение. Что можно с Flash и Drupal?

Глава 2. Создание приложения “Hello World” во Flash. Асинхронное программирование, вывод контента из Drupal во Flash с помощью модуля Ser-vices Module.

Глава 3. Flash и CCK. Как добавить собсвенные типы контента во Flash-приложения, используя популярный модуль Content Construction Kit (CCK). Пример приложения: Recipe Flash, для сайта с рецентами.

Глава 4. Картинки Drupal во Flash. Как модуль Im-ageCache для генерации изображений нужного размера.

Глава 5. Аудио Drupal во Flash. Как использовать модуль Drupal'а Audio для вывода аудио-контента во Flash-проигрыватель.

Глава 6. Видео Drupal во Flash. Как расширить проигрыватель, чтобы играть не тлько музыку, но и видео из CMS Drupal.

Глава 7. Гибридный метод, часть 1. Комбинирование Flash и HTML с помощью JavaS-cript.

Глава 8. Гибридный метод, часть 2. Создание сообщающихся Flash-компонентов.

Глава 9. Flash и модуль Views. Создание медиа-плейера, чей контент строится в Drupal-модуле Views.

Глава 10. Управление пользователями Drupal во Flash. Как применить его к приложению Flash, создав флэш-виджет User Login.

Глава 11. Управление контентом Drupal из Flash.

Глава 12. Как сделать голосовалку во Flash. Суммируем все изученные уроки и создаем механизм пятизвездочной голосовалки во Flash. Изучаем, как создать свой сервис Voting Service и новый виджет на Flash, совместимый с существующим Drupal-модулем FiveStar.

Лучшее решениеSisu and Mstudiohttp://�tc.sisutastic.com/

http://�tc.sisutastic.com/

http://�tc.sisutastic.com/demo

РЕАЛИЗАЦИЯ НА DRUPALТИП КОНТЕНТА PRESENTER

РЕАЛИЗАЦИЯ НА DRUPALКОММЕНТАРИИ

СЕРВИСЫ DRUPAL

ПРИМЕР СЕРВИСАnode.get

БЕЗОПАСТНОСТЬkey и id сесии

ЧТО НУЖНО ДЛЯ СОЗДАНИЯСАЙТА НА DRUPLASH?

SWFobjectSWFaddressAMFPHPServices

DRUPAL 6FLASH AS3

www.code.google.com/p/swfobject/

www.asual.com/swfaddress/samples/�ash/#/portfolio/3/

JSswfaddress

www.example.com/portfolio/3/ HTML

SWFwww.example.com/#/portfolio/3/

www.drupal.org/project/swfaddress

http://www.amfphp.org

www.drupal.org/project/amfphp

DRUPAL 6FLASH AS3

www.drupal.org/project/services

ДРУГИЕ МОДУЛИ DRUPAL(Автоматически присваевает путь URL для новой ноды, согласно установленному правилу(К примеру /news/itemN для новостных страниц)

Используется Path auto

Позволяет создавать собственные типы контента (content creation kit).

Path auto:

Token:

CCK:

(продолжение)ДРУГИЕ МОДУЛИ DRUPALПозволяет создавать списки документов (представления, view), отфильтрованные по любому сложному алгоритму. На выходе модуль возвращает массив данных, который выводится в шаблоне, соответствующем выбранному администратором типу отображения (display) данных. Каждое представление может быть отображено в виде таблицы, маркированного списка, решетки (grid) и т. п.

Views:

(продолжение)ДРУГИЕ МОДУЛИ DRUPALПозволяет устанавливать иерархические связи (parent/child) между нодами, необходим для карты сайта.

NodeHierarchy:

...а так же огромное количество других модулей

Позволяет автоматически изменять изображения, создавать превьюшки и т.п.

ImageCache:

WWW.DRUPLASH.ORGopensource project

www.high-light.ru

drupal+flash=druplash cms

Technology