Добрый день!
Хочу рассказать о разработанном нами недавно инструменте — системе управления Flash-сайтами
Fuzzle CMS. Система разрабатывалась с использованием Adobe Flex Builder 3.0, так что рассказ может быть интересен и интересующимся этой технологией.
Как-то собралась наша команда подумать — а чем, собственно, Flash лучше HTML-то?..
У Flash есть одно совершенно замечательно свойство — он с самого начала ориентирован на использование объектов. То, ради чего в HTML приходится подключать и долго настраивать JS-библиотеки (Drag&Drop, Fade-эффекты) — все это во Flash присутствует изначально. Кроме того, любые объекты во Flash будут выглядеть одинаково во всех браузерах.
Все эти мысли вылились в то, что на одном зарубежном сайте как-то назвали
true WYSIWYG, и что составляет ядро нашей системы. Любая страница сайта, с точки зрения CMS, состоит из
блоков — настраиваемых виджетов, включающих в себя изображения, тексты, видео и все, что душе угодно (поскольку разработчикам предоставляется интерфейс для создания собственных виджетов с любыми свойствами). Блоки свободно масштабируются и перемещаются.
Кроме того, раз уж мы дали возможность пользователю возможность переставлять блоки, почему бы не добавить возможность задавать для них какие-нибудь эффекты (типы «выезд», «появления») и оформления (рабочки какие-нибудь)? Так в Fuzzle появился
Менеджер эффектов и
Менеджер оформления.
Каждый эффект может представлять собой комбинацию: движения, появления (Fade), масштаба и размытия (Blur). Можно задавать паузы, что позволяет делать цепочки действий.
В оформлении можно задавать: границы, фон и внешнюю подсветку (Glow).
Традиционными проблемами Flash-сайтов являются индексация поисковыми системами (поскольку Flash — это не текст), и работа с адресной строкой браузера/кнопкой «Назад». Для решения проблемы с индексацией Fuzzle генерирует для каждой страницы HTML-версию, которая и дается поисковым системам. Проблемы с адресной строкой мы тоже решили с помощью внедрения
SWFAddress — библиотеки, которая обеспечивает модифицирование строки браузера с помощью Javascript при определенных событиях внутри Flash (или Flex) приложения.
Кроме того, мы реализовали такую интересную фичу, как выкладывание офисных документов на сайт. Работает система так: пользователь на домашней машине конвертирует документ в PDF с помощью какого-нибудь инструмента типа
PDFCreator. Далее, документ обрабатывается нашим сервисом, и из него делается SWF-файл, который и публикуется на сайте.
Для заинтересовавшихся: есть
документация,
форум для вопросов,
обучающие видеоролики, демо-сайт и версия для ознакомления. Упрощенная
инструкция по интеграции дизайна занимает всего 1 страницу. Существует документация для разработчиков, так что в систему можно добавлять свои блоки: фотоальбомы, 3D-демонстрации и прочие Flash-вкусности.
В общем,
заходите и знакомьтесь!
PS: Всем, кто дочитал статью до сюда — бонус! Жители Хабрахабра могут приобрести систему со скидкой в
20% в период с
30 марта по 6 апреля (ближайшая неделя).
Подробности здесь. Кстати, мы предоставляем существенные скидки для образовательных учреждений, и готовы сделать лицензию бесплатно для интересных некоммерческих проектов.
PPS: Хотелось бы запостить это в «Я пиарюсь», но карма не позволяет…
UPD: Уже позволяет, всем большое спасибо!
комментарии (112)
С юзабилити проблемы и это ещё мягко сказано.
А так идея хорошая :)
Кстати, именно для таких случаев есть скидки и спецпредложения. Вы можете получить скидку как пользователь Хабра, или (постоянную) как партнер. Если вам интересно, можно это обсудить.
В любом случае, спасибо за мнение.
А как офисным тёткам понравится загружать ворды, ексеси и паверпоинты.
Думаю клиенты не заставят себя долго ждать.
Уже несколько раз, когда делали сайты, нас спрашивали — «А как сюда наш Word-документ положить?» Всякий раз приходилось что-то выдумывать, а теперь не надо будет.
В будущем хотим что-то вроде PageFlip сделать, чтобы документы листать можно было.
это у вас заявлено как легкая печать сайта? (нажал «распечатать» на странице, где как раз обещают возможность эту)
— ссылки статичные
— размер шрифта не маштабируется
— анимация очень бесит когда вам нужен контент. Сайт с такой анимацией катит толька на ХомПаг.
— открыть в новом окне/табе не пашет
— sekistov.ru/app/ — это пиздец страшно. А ведь ваша работа
— «По нашему мнению Fuzzle CMS является одной из первых хорошо продуманных и реализованных CMS» — как по мне это фуфел. В CMS полно багов даже на первый взгляд.
В системе все заточено под сайты фиксированной ширины, поддержки дизайнов с плавающей шириной пока нет. Анимация сделана по возможности легкой, легче, чем в обычных Flash-сайтах. Открытие в новой вкладке по умолчанию работает для внешних ссылок; для внутренних используется открытие в той же вкладке, чтобы не перезагружать дизайн.
Отвечаю только на конструктивную критику.
Это подразумевает что проект уже в рабочнм состоянии. На лицо же дохрена багов.
Есть определенные нормы разметки и веба, в том числе и типиграфики.
И пользователю глубоко пох что вы думаете. Если есть кнопка «Открыть в новом окне» а она не работает, то это лажа. Если на своем монике я не могу прочитать текст ибо он слишком мелкий или здоровый — это лажа.
Вы рассказываете что флеш (ваш) намного лучше HTML, а в реальности он недотягивает до банальных принципов веба.
Я против Флехи ниче не имею… красивые сайты это хорошо…
Ео у вас на данный момент кусок сырого фарша, вместо сочных котлеток.
А посему лучше работайте а не хвалитесь.
Да, флеш не поддерживает увеличение шрифта стандартными средствами браузера. Может, когда-нибудь эта проблема будет исправлена. Со ссылками ситуация во многом аналогична.
Flash CMS тоже не может быть заточена под все виды Flash-сайтов — с 3D, сложными эффектами и т.д., иначе она бы превратилась в фреймворк, который должен «допиливаться» программистом под каждый конкретный проект. Но идея была сделать как раз CMS, с которой можно взять и начать работать, пусть ценой того, что сайт нельзя настроить слишком гибко. Эту задачу CMS решает.
Насчет багов — кардинально не согласен, но дело ваше. Своими руками заполнял не один сайт, и не помню, чтобы данные терялись, или система зависала и переходила в некорректное состояние.
нельзя увеличеть скрипты??
кидаете бридж между флехой и страничкой… отлавливаете все прокрутки колесика мышкой при зажатом котроле и контрол + -/+
Вы не пытаетесь обьять необятное вы пытаетесь впихнуть какуето лажу.
Реализуйте, и будет вам благодарность от Flash-сообщества.
CMS действительно заточена под сайты-визитки, это правда. Шрифт не увеличивается, ссылки не контролируются браузером, и поэтому система вам не нравится в принципе — этот момент тоже понятен.
Ну и что-тоя как то не сторонник прелоадеров, медленных эффектов и прочего.
Если вы знакломы с процессом верстки, то понимаете что структура страницы как правило посложнее простого абсолютног опозиционирования фиксированных блоков (и даже координаты блоков могут задаваться через сумму px и em к примеру)
Не, правда, сайт получается некчественный и неудобный. Хотя возможно, среди определенной аудитории заказчиков (я могу сделать флеш сайт с эфектами!), он найдет популярность. при всем том что это интересная разработк, я бы не хотел, чтобы в интернете появлялись сайты на ней.
Про «розовое на зеленом», к сожалению, согласен :)
Но это — если будут делать непрофессионалы. А обычному верстальщику простое расставление блоков, в общем, очень удобно — на одной странице надо трехколоночную верстку — пожалуйста; на другой — двухколоночную с каким-то выделенным элементом — нет проблем.
Кстати, не совсем точно насчет «текст загружать из ворда» — на сайте загружается вордовский (или екселевский) текст с учетом его изначальной верстки. В этом и фича (документы не корежатся).
То, что верстка берется из ворда, не улучшает ситуацию. А импортируются ли картинки и формулы? А если пробелами отбита табуляция? А что получится из такого текста в HTML-версии?
Мне кажется, «профессиональным» такой сайт назвать никак нельзя.
И еще, имхо флеш сайты — это презентационные сайты, и можно ли их делать на основе драг-н-дропа и ворда? Уверен, профессиональный Flash-дизайнер сделает флеш лучше, а тут какое-то решение в стиле «флеш-сайт для бедных».
Документы ворда и экселя (и всего остального, что можно распечатать, т.е. сконвертировать в PDF) импортируются на сайт ровно в том виде, в котором они были созданы, и составляют только небольшую часть сайта, а не весь сайт. Считайте, что они конвертируются в картинки. В текстовой версии сайта их нет, зато во Flash они изображаются точно так, как были задуманы.
Резиновость — это да, проблема, но резиновость наиболее актуальна для сайтов с большим текстовым содержимым, например, для Хабра. Хабр я в виде Flash-сайта не представляю, это правда.
Насчет сетки — сетка есть, можно включить привязку к ней.
И еще раз скажу — совершенно согласен, что флеш-сайты — это презентационные сайты. Просто сейчас они, на мой взгляд, бывают слишком анимированные, слишком дорогие и сложные в управлении. Почему бы не сделать презентацию а-ля PowerPoint, более простую, но и более понятную? Считайте, что это и есть цель.
То же с екселем, по идее дизайн таблицы задается разработчиком, а импотртируются позже только данные.
У флеша есть преимущество например в возможностях по использованию шрифтов, типографике, эффектах… но сможет ли «обычный» пользователь ими правильно воспользоваться?
Например, на нашем (другом) проете, есть возможность пользоваться шаблонами и вручную собирать странички. В большинстве случаев народ пользуется шаблонами, но в любом случае не всегда получаются шедевры… но люди довольны! Они своими ручками что т особрали!
ибо вопросы дизайна сайта весьма относительно соотносятся с его «движком».
Вы же не будете всерьез пенять на ту же Mac OS из-за какого-нить freeware полностью игнорирующего Apple HIG.
Вот вы у Гугла видели плохой дизайн? нет правда…
Если люди могут позволить выложить свою работу под таким дизайном то они могут позволить сделать много лажи и в движке.
Это все психология.
а во-вторых, вот вы спросите кого-нить из поколения «Пепси» — красива ли Lancia Delta Integrale? и была ли она столь же красива в свое время, сколь совершенна технически?
таких примеров масса. Вы поймите, я не в защиту уважаемого автора. я в защиту справедливости =)
Могу сказать следующее — дизайн основного сайта Fuzzle делали мы, и действительно постарались «вылизать» его юзабилити. Приведенные в портфолио проекты — действительно примеры внедрений CMS, и ответственность за соответствующие дизайны возлагать на нас, вообще говоря, неправильно.
мне, право, не понятна позиция некоторых критиков тутошних…
им, похоже, надо реинкарнацию «гуглеаппс», да чтобы «опенсорс»…
а сами поди чужой хлебушек кризисный кушают =)
я лично Вас в чом-то понимаю и желаю Вам всячексих успехов на этой ниве… ;)
В наш век «красивая упаковка» не говорит о содержимом.
2. Сохраняются ли индивидуальные настройки пользователя? Т.е. зашёл я на сайт. Подвигал блоки, поменял различные свойства и т.д. Закрыл окно браузера. Если я снова зайду на сайт, я увижу все таким же, как и оставил?
2. Тут некоторое недопонимание — то, что находится на титульной странице, демонстрация. Только администратор имеет право двигать блоки на сайте, и после сохранения страницы сделанные им изменения будут всегда видны всем пользователям. Можно на демо-сайте попробовать.
Вообще настройки для каждого посетителя сайта (авторизованного, неавторизованного) хранить можно — только надо будет написать соответствующее Flash-решение.
Планируется в основном реализовывать систему через партнеров, которые оценят её преимущества — сбережение сил на программирование Flash-сайтов. Согласен, что не очень вероятно, что придет директор фирмы X на сайт, и скажет «Я хочу!!»
Планируем расширяться в сторону увеличения числа виджетов (захотел — такую фотогалерею, захотел — вот тебе динамичный интернет-магазин) и увеличения удобства пользования. Есть кое-какая задумка и с шаблонами, но это вообще только в стадии идеи.
Вы можете скачать версию для ознакомления, причем уже установленную, и поиграться с ней.
Можно написать или позвонить мне :) В любом случае — спасибо за интерес.
Просто в системе есть принцип — не должны создаваться страницы, на которые никто не ссылается (читай: которые недоступны ни с одного другого места). Наверное, было сложновато. Вообще можно создать через меню, или через блок «Картинка со ссылкой», или через обычную ссылку
Могу порекомендовать видео создание и удаление страниц.
Зато у Flash есть поддержка объектов, как я уже говорил, и кроссбраузерность. Почему бы его иногда не использовать для сайтов?
Position:absolute в css — тоже самое располоржение, только что без WYSIWYG. Только там можно уесть и изменение шрифта (размеры в em), и размеров экрана. CSS/HTML (при всем его несовершенстве) дает верстальщику в разы больше свободы и возможностей.
Нет, конечно, вы правы — профессионалу нужен более гибкий инструмент. Но конечный пользователь, как правило, не хочет такой гибкости настроек, как в CSS, но что-то подвигать ручками на сайте ему часто бывает нужно.
fCMS pro в несколько раз дешевле, предлагает больше фич, но управление там на английском и нет загрузки word-документов.
Имхо, fCMS ориентирована на внедрение в уже существующие Flash-шаблоны с фиксированным числом страниц и фиксированным набором темплейтов с эффектами. И порог вхождения для разработчика великоват, поскольку её надо внедрять внутрь Flash-сайта. Т.е. гибкость у неё поменьше, хотя фич (с учетом того, что она уже давно на рынке) побольше, наверное.
Тестировал на Safari 3 — там все работало нормально.
Посмотрим — Safari 4 пока в бете; либо в Safari изменят такое поведение, либо SWFAddress обновят.
Весь смысл в том, что все (кроме 3d), что я нашел на вашем сайте можно реализовать с помощью старого доброго html и js. При том анимация будет ничем не хуже, возможно даже лучше, у вас она моргающая и браузер иногда притормаживает. Да и вообще весь сайт притормаживается и долго грузится. На сайте sekistov.ru так вообще ужас, каждый переход по ссылкам на ощущение «тяжелый», а эффекты расплывчатого текста очень раздражают глаз. Я уже молчу про все остальное, что писали выше. Неработающие колесико мышки просто убивает.
Иногда надо использовать HTML, иногда Flash. Допустим, Хабр с его объемами текста я пока вижу только на HTML. Но если небольшой сайт-визитка, где каждая страница уникальна — почему бы нет?
Вообще у вас вся анимация основана на 1-ое изменение положения блоков, 2-ое на изменение прозрачности. JS с этим отлично справляется. Даже эффект «сплывающегося» текста как на sekistov.ru можно реализовать.
На самом деле это серьезный вопрос про анимацию на сайтах. Если вы занимаетесь нативно-js анимацией, которая, признаюсь, сложна, вы соблюдаете сами не ведая 2 правила: анимация не должна быть зацикленная, анимация должна быть логичным откликом на действие пользователя. Есть еще одно правда, это то, что анимация не должна заставлять ждать. Вам и всем пользователем джикьерей и прочих фреймворков стоит особенно обратить внимание на 3 пункт. Ибо переборщили и это нервирует.
Если вдруг решите, что это и есть будущее веба — пишите, будем сотрудничать :)
Может быть проблема в том, что браузеры делают одни компании, а плагин для поддержки Flash — другая. Поэтому, например, такие вещи как открытие страницы в новой вкладке и многие другие браузерные функции не работают как надо. И вот это вызывает большие неудобства, несмотря на то, что Flash открывает много других возможностей.
Синдром неадекватного PM'а — вам этого не понять.
Тем не менее Flash-сайты визитки становятся сейчас популярнее на Западе — даже мелкие фирмы хотят быть быть более запоминающимися. Опять же: постепенно будет происходить рост пропускной способности и мощности компов, так что уже через год все это будет выглядеть на большинстве компов вполне пристойно.
Top4Top — это грустный пример того, как не надо делать сайты на флеше. Юзабилити у него было ужасное; все прыгало и надписи были по кругу. Собственно, в Fuzzle мы очень хотим от этого негативного опыта уйти.
А Fuzzle это что? Конвейер по производству шедевров? Название, не спорю клевое, но идея замены одной буквы тоже не блещет оригинальностью.
И с дизайном «промосайта» нужно что-то делать срочно. На хабре есть куча статей по шрифтам и всему сопутствующему.
Обычно мир замирает, когда заказчик смотрит на стоимость изготовления такого сайта… (прошу прощения за сарказм, не удержался)
Насчет конвейерного производства шедевров… может, это и есть идея проекта? Сделать такие сайты доступными для более большого числа людей.
Со шрифтами будем думать :)
Ну купит дядя Вася Бентли по цене «десятки», все равно сполер свой нацепит и игрушками салон увешает :)
Если цель сделать быстро и красиво (ну хоть как то) зачем доверять пользователю какие-то там настройки?! Это поверпойнт какой то получается.
Думаю для дальнейшего развития проекта разработчикам нужно в первую очередь решить проблему с дизайном и дальше определиться для кого и зачем они делают свою систему управления.
К примеру конкурирующая фирма a5.ru/ смотрится гораздо в более выигрышном свете, хотя старт был сразу после нового года.
P.S. Конкурентам удачи :)
Я так понимаю, что мы все-таки не совсем конкуренты, т.е. конкуренты только в технологическом плане. А в плане целевых групп, схемы монетизации, я так понимаю, мы совсем различны :)
Но при том, что у них конструктор, у них не надо ломать голову как и что делать, а у вас в выполненных проектах sekistov.ru да hipo-search.com (может быть я в этой жизни что-то не понимаю но просмотр это сайта вызвал жуткий флешбек эдак к 98му)
И вы со старта хотите денег, я ваш потенциальный клиент, я дизайнер, который занимается и сайтами и флешем, так почему то мне нравится жутко простой и унылый а5, чем ваша цмс, вот если бы у вас там скажем было бесплатное предложение всем дизайнерам с адекватным портфолио которые хотят реализовать какой-либо проект и готовы выставить его у вас в разделе работы, ну хоть какая то зацепка была.
Или к примеру приобретите короткий домен и на доменах 3го уровня дайте возможность разработки, всяко больше интереса будет.
Насчет доменов третьего уровня — в планах у нас такое есть. Пока могу порекомендовать следующее — демонстрационная лицензия работает на всех доменах и поддоменах, включающих в себя строку fuzzlecmsdemo. Так что если хотите кому-то продемонстрировать или разработать что-то демонстрационное, это сделать можно.
Так что ребята, добавьте-ка мокрого пола, веб-2.0 ных логотипов и заголовков, крутящихся кругов, полосочек — цены вам не будет) Ну и имхо вам следует все силы бросить на дизайн/юзабилити, тут это решающий фактор.
Зайдите, что ли, сюда: fuzzle-cms.ru/xmpage/XmAdvPage-main/DemoLinks — там ссылки на демо-версию есть, и на скачиваемую. Может, они заработают?