Редактируем флеш-шаблон. Начало

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

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

Итак, что же придется сделать по пути адаптации шаблона? В начале мы сформулировали пожелания на уровне заказчика или продавца.  Давайте теперь посмотрим на задачу с чуть более технической стороны: какиемодули же придется реализовать разработчикам во флеше и скрипты на сервере. Необходимо сделать:

• админку сайта, чтобы дать возможность управлять информацией человеку без навыков веб-мастера \ веб-дизайнера;
• возможность экспорта данных их админки в XML-файл, из которого флеш будет черпать данные;
• научить флеш-шаблон читать данные из XML-файла
• написать actionScript скрипты разбирающие XML-файл и загружающие картинки
• перепрограммировать полоски с фото, чтобы они строились динамически и скроллировались
• переделать popup окошко, с котором отображается расширенная информация
• создать поисковую форму, реализовать сам поиск и отображение результатов
• предусмотреть двуязычность данных и интерфейса

Поехали

Первым делом надо определить структуру данных. Какие параметры имеет модель:

• Номер — задается менеджером
• Имя — на двух языках
• Рост
• Объем груди
• Объем талии
• Объем бедер
• Цвет волос — выбор из справочника
• Цвет глаз — выбор из справочника
• Размер обуви
• Размер одежды
• Знание иностранных языков — выбор из справочника, может быть несколько
• до 6-ти маленьких и больших фото

Для всех этих полей создаем в админке анкету и подготавливаем справочники «волосы», «глаза», «языки».

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

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

Подготовив систему управления данными (CMS) и сами данные, мы можем настроить экспорт этих данных в XML-файл.

Фрагмент XML-файла может выглядеть так:

<person num="127"
gender="1"
age="" height="174"
weight="0"
param1="83"
param2="59"
param3="88"
shoes="37"
hair="2" eye="3"
newp="1"
small_1="/ai/person.1064/pics.7.jpg"
....
big_6="/ai/person.1064/pics.6.jpg">
<title><![CDATA[Алина П]]></title>
<title_e><![CDATA[Alina P]]></title_e>
<hair_e><![CDATA[Blond]]></hair_e>
<hair><![CDATA[Блондинка]]></hair>
<eye><![CDATA[Серый]]></eye>
<eye_e><![CDATA[Grey]]></eye_e>
<langs>
<lang id="1"><![CDATA[Английский]]></lang>
<lang_e id="1"><![CDATA[English]]></lang_e>
</langs>
</person>

Можно приступать к редактированию флеш-шаблона.

Автор admin1 16/02/10. в разделе Редактирование шаблонов. Вы можете следить за ответами на эту запись в RSS 2.0. Вы можете оставить отзыв на эту запись ниже