Лучше ли Flash или Flex создавать пользовательский интерактивный веб-сайт для заказа заказов? - PullRequest
4 голосов
/ 18 июня 2011

я хочу посмотреть, если это "построить ..."Флэш-сайты (для поддержки пользовательского процесса заказа) выполняются с использованием обычной флеш-памяти или Flex?

  1. Сайт 1
  2. Сайт 2
  3. Сайт 3
  4. Сайт 4

Все это «помогает пользователю» в процессе индивидуального заказаи захватить все их выбор и показать им все их настройки (и в конечном итоге привести их к экрану окончательного заказа).

Что происходит под капотом на этих сайтах и ​​встроено во флеш или флекс?Создает ли человек отдельное изображение для каждой комбинации, которую вы могли бы выбрать, или что-то еще происходит здесь?

Я до сих пор не могу понять, лучше ли Flex или Flash для чего-то подобного.(почему Adobe делает эти, казалось бы, основные вопросы такими сложными)

Есть ли хороший ресурс или учебные пособия, чтобы попытаться встроить этот тип функциональности во флэш-память на веб-сайте?

Ответы [ 10 ]

7 голосов
/ 25 июня 2011

Flex VS Flash [Резюме]

#Adobe FLEX                                     | #Adobe Flash
#Programmer based                               | #Designer based
+Rapid RIA (MXML for designers)                 | +Stage & Timeline Based
+Easy to build up simple stuff (think LEGO)     | -From scratch
+Skinning                                       | -No skinning
-Problematic skinning                           | +Easy to design graphical parts
-Missing several parts (graphically)            | +Easy to design graphical parts
-Lots of documentation reading (for everything) | +Err... bare functions?
-Bugs lots of it (And working around it)        | +Base functions may do little, but they are bug free
+Many "special" user interactions built in      | -Err... code it yourself
+Highly modular (file wise)                     | -Not so (though MovieClips are arguably modular)
-Size of .SWF (Including the flex framework)    | +Bare minimal stuff
+Access to special Mobile phone features        | -Neg
+ADOBE AIR -> Desktop application features      | -Neg
-Animated movies are near impossible to make    | +So you make them here and export them to FLEX

Длинная версия

Вопрос о Flash или Flex действительно основан на предпочтениях. Ибо в вашем случае это почти взаимозаменяемо. Следовательно, чтобы по-настоящему понять основные различия, вам нужно понять их историю [вроде бы, это действительно длинный список вниз]

Вспышка [Старший брат]:

Flash была создана Macromedia для веб-отображения / распространения векторной анимации / графики / приложения. Обратите внимание, что это было изначально создано в эпоху, когда Dial-Up все еще является обычным явлением. И приобрел огромную популярность благодаря своему движку flashPlayer, отображающему «потрясающие» / «удивительные» анимации / веб-сайты / приложения, несмотря на его небольшой размер [.swf file]. Помните эпоху заставок и флэш-анимации?

Изначально имея небольшую кодовую базу [AS1 / 2], она изначально предназначалась для интерактивной анимации. Многие веб-дизайнеры быстро использовали временную шкалу, имея разные «страницы» / «контент» в каждом кадре [представьте, что это современные состояния] и имея несколько вложенных временных шкал с помощью видеороликов. Это было грубо, но это работает =) И флеш-страницы были видны почти везде.

Тем более, что он может работать на любом компьютере, в любом браузере (как для Apple, так и для Windows).

И с ростом флэш-памяти произошел также рост ее кодовой базы (AS1 -> AS2). Так было до тех пор, пока он не был куплен его долгим и жестоким конкурентом #Adobe. В котором кодовая база была полностью переделана с нуля, к AS3, который вы видите сегодня. Это дало ему очень структурированную базу кодирования (по сравнению с незапланированной сборкой AS1 / 2), наряду с набором многих других функций (лучшее шифрование, защита памяти и т. Д.)

Flex [Умная младшая сестра]:

Неизвестно большинству пользователей Flash, под капотом плеера кадры, временные шкалы всегда были «смоделированы» кодом. А AS3 значительно облегчает манипулирование временной шкалой с помощью кода. Однако у Flash есть несколько недостатков для растущей эры RIA (многофункциональных интернет-приложений), которая набирает обороты благодаря Flash / Java. Например, подключение к серверу-клиенту (хотя есть обходные пути) и, что более важно, ...

Временная шкала ...

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

Следовательно, родился flex (хорошо, временная шкала - только одна из нескольких причин), убравшая корни «анимации» во флэш-памяти (и возможности векторного рисования). И воссоздание IDE, ориентированной в основном на программистов. (Вы когда-нибудь думали, что это странно, когда программист встречает временную шкалу анимации?). Временная шкала истекла, штаты включены. И как дополнительная «глазурь» для торта, MXML родился. Как средство быстрого прототипирования и создания интерфейсов для разработки RAPID RIA. Который стал одним из его основных пунктов продажи.

FLEX: позволяет быстро создать RIA для любой платформы / браузера (вашего телефона тоже)

Хотя переход от ориентированной на временную шкалу вспышки к гибкой может быть трудным (это было трудно для меня), в конце концов, Flex оказался гораздо более подходящим для разработки RIA. Хотя кодирование намного приятнее, чем Flash.

Flash Catalyst [дитя двух]

Побочным эффектом FLEX является то, что вы никогда не можете оставить Flash, если вам нужны анимации, и ушел - простой этап, который предоставляет Flash. Не в значительной степени основанный на XML вложенный этап FLEX. Поэтому был создан Flash Catalyst «ребенок любви». (Хотя я подозреваю, что это может быть основано на WIX). Как средство быстрого проектирования флеш сайтов. Видите ли, основной недостаток флекса был в том, что ему не хватало «сценической» вспышки. И не все сайты предназначены для использования данных шаблонов MXML. И если вы хотели пробиться (обходные пути, такие как снятие шкуры), это была боль. Итак, этот ребенок любви был создан. (Попробуйте создать простую пользовательскую графическую кнопку во flash против flex).

Удерживая временную шкалу (вроде) и сцену, как интерфейс вспышки. Сохраняет основанные на состоянии свойства flex. И престо. Flash Catalyst родился.

Обычно подразумевается как средство «создать» желаемый внешний вид для веб-сайта, прежде чем экспортировать его в FLEX / FLASH. (Автоматически, обрабатывая все обходные пути).

И все они в одной счастливой семье под названием ADOBE:

(возможно, часть маркетинговой схемы). Это все эти продукты взаимосвязаны. И они поддерживают проекты, связанные друг с другом. Например, приложение FLEX может загрузить мувиклип FLASH, который может быть разработан на основе временной шкалы. Аналогично, Flash Catalyst может экспортировать себя в flex.

Так что же лучше? Ответ НЕТ! : Вопрос стиля и предпочтений. Лично сложные анимации выполняются во Flash (временная шкала-> затем конвертируется в AS3). Разработка RIA осуществляется в FLEX. И их ребенок-инцест не используется мной (к сожалению, ни здесь, ни там).

Однако, если вас всегда использовали для создания графиков на основе временной шкалы (студенты-искусствоведы?), Flex вас убьет. Точно так же, если вы всегда были программистом в JAVA или C ++, Flash убьет вас. (ОК, это может быть преувеличением).

Дополнительно ...

Как под капотом: Скорее всего, кодовая база в AS3, которая генерирует перестановку / комбинации. Я очень сомневаюсь, что для каждой возможной комбинации (кекса) есть изображение, поскольку гораздо проще использовать различные «изображения / графику» (крем для набора А, основа для кекса для набора В, начинки для набора С). И привязать каждый набор к заданным параметрам. И «сгенерировать» окончательное изображение.

И для учебника, на этих примерах:

http://active.tutsplus.com/tutorials/flex/build-an-xml-driven-contact-list-using-flex-3/

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

2 голосов
/ 24 июня 2011

Хм, мне все еще не нравятся какие-либо ответы, поэтому я собираюсь присоединиться.

Первый вопрос: «В чем разница между Flash и Flex?». По своей сути они одни и те же. Существует некоторая путаница между Flash-платформой (Flash Player) и Flash-инструментом (Flash CS); есть также Flash Builder, представляющий собой среду разработки, созданную для разработки на чистом ActionScript или Flex. Flash Player использует Actionscript для отображения того, что вам нужно, или вы можете использовать Flash CS для визуального создания того, что вы хотите показать. На мой взгляд, не используйте Flash CS, если вам не нужен инструмент для рисования / анимации (что я не думаю, что вы делаете). С учетом сказанного, реальный вопрос должен звучать так: «В чем разница между Actionscript и Flex»? Ну, с технической точки зрения ничего такого нет, поскольку Flex создан с помощью Actionscript. Здесь важно то, что Flex - это фреймворк, предназначенный для быстрой реализации полнофункциональных интернет-приложений. Он использует концепцию макетов, скинов и стилей, а также стандартные компоненты (кнопки, комбинированные списки, метки, сетки данных и т. Д.), Чтобы помочь вам легко и быстро создавать яркие приложения. Вы могли бы сделать то же самое в Actionscript, но вам потребовалось бы больше времени, чтобы реализовать то же самое, однако конечное приложение было бы намного проще и быстрее (обычно).

Второй вопрос: «Должен ли я использовать Flex или Actionscript для создания мастера заказа?» на которой, я думаю, тебе стоит сконцентрироваться. Ответ: «Это зависит от ваших требований». В чем действительно хорош Flex - это четкая и лаконичная база кода, использующая средства разработки, предназначенные для пользовательских интерфейсов. Если ваш мастер заказа будет довольно сложным и / или управляемым данными, вам, вероятно, следует использовать Flex, поскольку он даст вам инструменты для его создания быстрее, а также сделает его легко заменяемым позже. Однако, если мастер очень прост и его нужно реализовать один раз, нет причин, по которым вы не можете использовать Actionscript для этого.

Надеюсь, это было полезно.

1 голос
/ 24 июня 2011

Короткий ответ - , чтобы получить лучшее от них обоих.

А вот небольшой рассказ, который описывает, как можно сделать большой проект Flash.

Компания получает заказ на проект X, и над ним будут работать два отдела: D (дизайнеры, которые собираются создавать все модные графические изображения для проекта) и P (программисты, которые собираются внести свой вклад в безжизненный дизайн).

Пока ребята из отдела P пьют в подвале и создают модель данных для проекта X, настраивают программное обеспечение и выполняют все рутинные действия, которые необходимо выполнить перед началом нового проекта. Ребята из отдела D открывают Flash , что им знакомо, так как они всю свою жизнь провели в Ps, Ai и других продуктах Adobe. ( Flash хорош, действительно хорош, если вы хотите поиграть с графическими объектами. Переместите их влево или вправо, добавьте некоторые причудливые эффекты, создайте анимацию и тому подобное. Создание графических объектов для будущего проекта Flash внутри Flash IDE более естественный. ).

Никто из отдела D никогда не писал ни строчки кода, поэтому, когда они заканчивают создание первой части графических ресурсов, они просто скомпилируют это в файл .swc и передадут в отдел P, где уже начинают писать хорошие ребята. некоторый код внутри Flash Builder , который кажется им знакомым, поскольку они потратили много времени на кодирование на разных языках программирования внутри IDE на основе Eclipse .

Таким образом, в конце проект X был приятно разделен на две части: графические ресурсы, которые создаются внутри Flash - которая была разработана для создания анимации, и графика, и код, который написан внутри Flash Builder, который был специально разработан для этого, потому что Flash не был действительно хорош для написания большого количества кода.

===

Возвращаясь к реальности и вашим конкретным проектам. Я бы предложил создать все экраны (этапы индивидуального процесса заказа) внутри Flash, добавить linkage для каждого мувиклипа в библиотеке (для будущего использования со сценарием действия). И после импортируйте эти объекты в ваш проект сценария чистого действия . В этом случае у вас может быть общий сценарий действия, который вы будете использовать в разных проектах (поскольку они определенно будут иметь некоторые общие части). Таким образом, вы можете повторно использовать один код и просто изменить графические ресурсы для другого проекта.

В случае, если вы хотите использовать только один инструмент Flash или Flash Builder (для кодирования Flex или Flash), по моему мнению, вам следует выбрать Flash Builder. Управление кодом внутри него - одно удовольствие, и я не уверен, что управление кодом - это то, что можно применить к Flash.

1 голос
/ 19 июня 2011

Когда я начинал, я первым выбрал Flash Professional, поставляемый с пакетами Adobe CS. Это неплохой вариант для новичка, так как он предлагает «творческий подход». Но, говоря коротко, вы, вероятно, хотели бы получить больше контроля над вашим кодом, а также с ростом ваших знаний в исходном коде и объектно-ориентированного программирования, вы, вероятно, начнете искать что-то, что даст вам больше возможностей в обмене на творчество, затем вероятно, произойдет прыжок во Flex:).

Мое предложение:

  • Начните с Flash Professional CS5.5
  • Узнайте о сроках
  • События
  • Объекты
  • Action Script 3 (держитесь подальше от Action Script 2)
  • Классы
  • Переходы

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

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

... просто добавление - просто посмотрите видео на Youtube о том, как что-то делать с Flash Professional. это будет действительно хороший powerup. :)

вот некоторые инструменты, которые могут вам понравиться в процессе создания вещей для платформы Flash:

  • Flash Professional CS5.5
  • Flash Builder 4.5 (Flex)
  • Photoshop CS5.5
  • Иллюстратор CS5.5

  • 3DS MAX 2010 (для некоторых очень крутых 3D-моделей);)

0 голосов
/ 29 июня 2011

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

Вы работали над Flash раньше?Причина, по которой я спрашиваю, заключается в том, что это совершенно другой зверь - для полного понимания требуется как левый, так и правый мозг.Если вы только начинаете и хотите создать сайт, похожий на тот, на который вы ссылались, тогда я порекомендую «чистый» Flash с CS4 (или 5, если вы можете себе это позволить).Причина в том, что Flex (теперь называется Flash Builder - нет путаницы, ха-ха) действительно ориентирован на создание веб-сайтов на основе форм.Да, вы можете создавать там другие анимации типа Flash, но это гораздо сложнее (хорошо), чем просто использование Creative Studio.

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

На втором сайте есть множество учебных пособий для вещей, которые вам понадобятся, например, как создавать пункты меню икнопки, а также как обрабатывать взаимодействие с пользователем (движения мыши, перетаскивания, нажатия клавиш и т. д.).Вам также нужно знать ОЧЕНЬ ActionScript.Вот хороший пример для этого:

К сожалению, вы не можете использовать HTML 5 для этого проекта.Вложение крупных средств в изучение Flash кажется мне пустой тратой времени.Но, надеюсь, предоставленные ссылки помогут вам в этой задаче, и, пожалуйста, оставьте комментарий, если вам нужна дополнительная информация.

0 голосов
/ 29 июня 2011

Flex

Я настоятельно рекомендую вам использовать Flex, потому что вам нужно четкое кроссплатформенное решение для кросс-браузерного RIA (Rich Internet Application).

Я могу дать вамнекоторые полезные причины ..

1. Даже если Flex и Flash имеют общие черты в фоновом режиме, во Flex отсутствуют некоторые лазейки, которые есть во Flash.Дизайн и макет вашего сайта на 100% безопасны с Flex.

2. Flex имеет предопределенные функции и классы, которые позволяют нам идеально считывать или синхронизировать данные.Эти предопределенные функции и классы будут работать для нас автоматически, чтобы мы могли сосредоточиться на анимации и интерактивности.Сначала попробуйте использовать его и увидите разницу.Лично я использую Adobe Flex в качестве инструмента для создания RIA (многофункциональных интернет-приложений).

3. Я сохранил функцию во флэш-памяти для реального файла XML и проанализировал ее для следующего или предыдущегозапись и я передавал эту функцию когда-то нужно.Теперь и с Flex у нас есть предопределенные классы http, которые будут работать после передачи URL.

4. RIA, разработанные для Adobe Flex, - это совместимость между браузерами и платформами.Богатое интернет-приложение, разработанное в Flash Player. Благодаря внедрению проигрывателя Flex Player Adobe Flash Player становится все более популярным.

5. Семейство продуктов Adobe Flex помогает ИТ-организациям воспользоваться существующими навыкамиинфраструктура для эффективной доставки широкого спектра RIA, которые могут масштабироваться от простых маркетинговых приложений до критически важных корпоративных приложений.

0 голосов
/ 24 июня 2011

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

Flex - это фреймворк для разработчиков.С его помощью вы можете разрабатывать приложения.

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

Вы вряд ли сможете различить, как были построены сайты, потому что результат компилируется в двоичный файл (в некоторых случаях вы можете сделать предположение на основе размера файла)

0 голосов
/ 24 июня 2011

Проблема сложнее.Поскольку вы можете скомпилировать библиотеки во Flex и использовать их с Flash CS5, а также создавать ресурсы в CS5 и добавлять их в проект Flex, линия выходит за рамки размытой - она ​​может не существовать.

Мои общие предпочтения для Flexв ситуациях, когда привязка данных имеет первостепенное значение.Он не очень хорошо справляется с анимацией, но гораздо лучше поддерживает структуры больших классов.Поскольку он построен из Eclipse, Flash Builder (AKA Flex Builder) выглядит как IDE, а CS5 - как ... другой продукт Flash Professional.

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

Итак, мои предположения относительно сайтов:

  1. Вероятно, Flex с импортированными активами- этот тип поведения действительно типичен для компонентов Flex.
  2. Еще раз Flex, но с меньшим количеством импортируемых ресурсов.Изображения имеют «сгенерированное» ощущение, и это заставляет меня поверить, что они созданы компьютером, а не дизайнером.
  3. Это сложно, но я думаю, что это CS5 высшего класса.- существует большое количество хорошо интегрированных анимаций, и, хотя это не сложно с Flex, с CS5 все намного проще.Повторяющиеся анимации особенно характерны для приложений CS5 - они так просты в CS5 ...
  4. Гм ... Понятия не имею.Я действительно должен был сделать что-то замечательное в AS2 (в CS5 ... странно, нет?), Так что я думаю, это было бы моим предположением.Пиксельное идеальное расположение маски затруднительно, если вам приходится манипулировать числами x и y как числами.

Что происходит (мои догадки):

  1. Вероятно, довольно много активовкоторые были выложены здесь раньше времени.Они были бы помещены в SWC и импортированы в проект Flex, а затем выгружены во время выполнения.Некоторые из этих ресурсов могут быть раскрашены и отображены на основе различных уловок маскирования - манипулирование основным и второстепенным цветом на торте легко справедливо для ActionScript, если вы знаете, что делаете.
  2. Я твердо верю, что всеэто делается с помощью встроенной в Flash способности манипулировать изображениями с помощью кода.
  3. Большинство этих ресурсов было выложено заранее, или мне нужно встретиться с этим парнем и пожать ему руку, потому что это просто впечатляет.
  4. Что ж, когда я делал это в CS5, это был просто случай добавления ресурсов в пользовательскую библиотеку искажений изображений, а цвета выполнялись путем добавления к ней фильтров.

Что касается учебников ... Я не знаю ни одного, который бы помог в этой ситуации (это не значит, что их нет, я просто их не знаю).Извините.

В некотором смысле я обнаружил, что довольно часто Flex и CS5 рассматриваются как совершенно разные звери.Это имеет смысл - у них есть несколько очень разных парадигм.Тем не менее, у программиста нет оправдания тому, что он не знает достаточно, чтобы переключаться между ними.

0 голосов
/ 19 июня 2011

нет, он не создает отдельное изображение для каждой комбинации. Сначала он создал все объекты (одежду, людей и т. Д.) В иллюстраторе, а затем импортировал их в формате flex в формате FXG. Затем его просто перетащите или, когда вы нажмете кнопку, его обработчик событий поместит нужный объект в нужное место.

0 голосов
/ 19 июня 2011

Я рекомендую вам начать разработку в чистом ActionScript, чтобы вы могли сделать его таким же мощным, как и язык, вам следует попробовать Flash Builder, создать проект, а затем попробовать его.

Я думаю, это будет очень легко, как только вы освоите основы AS3

Некоторые галереи и учебники As3 для вас:

http://www.lemlinh.com/flash-tutorials-18-as3-image-gallery-tutorials-roundup/

http://www.flashmagazine.com/tutorials/detail/as3_photo_gallery/

...