Глава 3. Физическая реализация web-сайта

3.1. Обзор постановки задачи.

Для разработки инетрнет-магазина были поставлены следующие задачи:

• Изучить подобные сервисы средствами Интернет;

• Произвести анализ аналогичных систем;

• Выявить недостатки;

• Сделать обзор и выбрать средства реализации;

• Разработать доступный интерфейс сервиса заказа товаров.

3.2. Характеристика сервиса заказа оn-line

Рис.3.7. Структура комплекса заказа товаров on-line

Для работы с системой Интернет-магазина on-line требуется ПК с выходом в сеть Интернет.

Средство сбора информации – Web-сервер;

Средство передачи – сетевые аппаратные средства, линии связи, сетевые карты;

Средства хранения – сообщение e-mail;

Средство обработки – Web-сервер;

Отображение информации – монитор, либо распечатка принтера.

3.3. Эскиз технического задания

1. Имя сайта (название домена).

www.shop.ru

2. Название сайта.

Официальный сайт

3. Назначение сайта (цель создания сайта).

3.1. Представление Фирмы в Интернет: информация о Фирме, история фирмы, партнёры фирмы, Заказчики фирмы, режим работы, потребности Фирмы, цены на товары, справочная информация, сопроводительные графические рисунки, юридический адрес, почтовый адрес, схема проезда, контактная информация, банковские реквизиты.

3.2. Обеспечение возможности доступа к информации о товарах, предлагаемых Фирмой, всем заинтересованным лицам вне зависимости от их местонахождения[18].

3.3. Расширение региона и увеличение объёма сбыта товаров, нахождение новых оптовых покупателей, новых поставщиков и деловых партнеров.

4. Язык сайта.

Русский.

5. Объём и состав текстовой информации.

81 станица А4

6. Основные ключевые слова, по которым сайт должны находить по запросам в поисковых системах и Интернет - каталогах.

Интернет-магазин, Продукты, Заказ продуктов, Доставка продуктов.

Примечание.

Данный перечень ключевых слов для Разработчика носят лишь справочный характер и не входят в число обязательных параметров, подлежащих проверке при приемке сайта.

Занимаемые сайтом позиции в рейтингах, каталогах и поисковых системах не оговариваются.

Сайт должен содержать следующие обязательные html страницы: 1 - Главная (домашняя) страница; 30-50 - Фото (каталог) товаров; 2 - О фирме (история, настоящее, будущее); 1 - Партнёр; 5-10 - Услуги, , 1 - Содержание (карта) сайта. Общее количество html страниц сайта определяется разработчиком сайта самостоятельно.

11. Кнопки управления (навигация сайта) [18].

Определяются разработчиком сайта самостоятельно.

Примечание:

С каждой страницы сайта должен быть обеспечен переход (установлена гиперссылка) на главную страницу сайта. Сайт должен содержать страницу "Содержание" (карта сайта).

12. Блок схема сайта.

Определяется разработчиком сайта самостоятельно.

Примечание:

Головная (начальная) страница сайта должна содержать гиперссылки, обеспечивающие переход с нее на не менее чем 95% страниц сайта, но не более чем 200 гиперссылок.

13. Общий объём сайта, Мб. 

До 100 Мб

14. Оформление рисунков.

Все рисунки объемом более 1 Кб должны быть выполнены с замещающим текстом. Рисунки размером более 15 Кб должны быть выполнены с предпросмотром. Формат всех рисунков gif или jpg (jpeg).

15. Пропускная способность линии связи.

Среднее время загрузки страниц не должно превышать 30 секунд при скорости соединения 28.8 Кбит/сек. Допускается увеличение времени загрузки отдельных страниц до 35 секунд, но не более чем на 25% общего числа страниц сайта. Головная (начальная) страница должна иметь время загрузки не более 40 секунд.

Примечание:

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

16. Основной диапазон разрешения мониторов, на которых будет просматриваться сайт.

От 600х800 до 1240х1024 пикселей (от 15" ЭЛТ до 19" ЭЛТ или 17" LCD).

Примечание:

Основное разрешение, на которое оптимизируется сайт: 1024х768 пикселей (17" ЭЛТ или 15" LCD)[18].

17. Минимальное разрешение монитора, в котором будет просматриваться сайт.

600 х 800 пикселей (15" ЭЛТ).

Примечание:

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

18. Основной браузер, которым будет просматриваться сайт, и его минимальная версия.

IE 5.0 и выше.

19. Цветовая палитра.

Основной режим мониторов, на которых будет просматриваться сайт: 15 разрядов цветов и выше (число цветов 65536 и выше).

При разработке сайта должен быть обеспечена возможность его просмотра при использовании безопасной цветовой палитры (разрядность цветов 8). Изменения оттенков цветов, при просмотре сайта с использованием безопасной цветовой палитры, не оговариваются.

20. Общий фон сайта.

Общий фон сайта - серый. 

21. Размер и вид шрифта сайта.

Размер шрифта сайта должен быть в пределах 10-12 для оформления текста. Размер шрифта для оформления заголовков, названия страниц и т.д. не оговаривается. Вид (название) шрифта не оговаривается.

22. Регистрация сайта в каталогах, рейтингах, топах и пр. 

Оговаривается дополнительно.

23. Проведение рекламной кампании по раскрутке сайта.

Раскрутка сайта определяется отдельным ТЗ. В настоящем ТЗ раскрутка сайта не оговаривается и не входит в состав выполняемых работ (услуг).

24. Срок разработки сайта. 

Пять недель со дня зачисления 100% предоплаты на расчётный счет разработчика сайта.

25. Порядок передачи сайта.

Разработчик сайта передает сайт на CD ROM, а также логин, пароль и название (код передачи данных) по протоколу ftp.

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

26. Сопровождение сайта.

Сопровождение сайта определяется отдельным ТЗ. В настоящем ТЗ сопровождение сайта не оговаривается и не входит в состав выполняемых работ (услуг).

27. Дополнительные условия.

Каждая страница сайта должна содержать логотип и название Фирмы. 

Внизу на каждой странице сайта должна быть указана контактная информация: телефон, факс, адрес офиса.

Сайт должен содержать не менее трёх счетчиков подсчета посетителей. Счётчики устанавливаются на каждой странице сайта[18].

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

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

Область применения Flash:

• электронные средства массовой информации;

• системы мобильной связи;

• игровые приставки;

• Интернет;

• Web-игры и мультфильмы;

• киоски (пользовательские аппаратные средства, применяемые для предоставления пользователям доступа к информации чаще всего с помощью сенсорного или управляемого мышью дружественного интерфейса).

Flash позволяет создавать интерактивные приложения, в которых сочетается привлекательный интерфейс и многофункциональность, обеспечивает практичность процесса разработки, поддерживает различные медиаформаты, в частности видео, внешние графические файлы, аудиоформаты[4].

Кодек для сжатия Z-Lib позволяет значительно сократить время загрузки SWF-файлов со сложным содержанием.

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

• создание визуальных эффектов благодаря наличию специальных инструментов;

• расширенные медиавозможностяи;

• возможности управления цветом;

• точность позиционирования объектов;

• возможность создания объектов многократного использования;

• работа с библиотеками символов;

• работа с экземплярами символов;

• распределение объектов по слоям и возможность их редактирования;

• построение покадровой анимации;

• построение анимации с автоматическим созданием промежуточных кадров;

• манипулирование клипами;

• возможность управления воспроизведением сцен;

• использование действий;

• создание интерактивных элементов управления;

• программную обработку действий пользователя;

• программное управление графическими элементами;

• управление вводом-выводом данных;

• использование динамического внешнего интерфейса;

• генерирование содержимого из текстовых файлов;

• синхронизацию звука и анимации;

• имитацию трехмерного пространства;

• возможность разбивки и преобразования текста в отдельные графические объекты;

• создание и экспорт трехмерных изображений и трехмерной анимации.

Macromedia Flash MX — последняя версия средства разработки для надстройки Flash Player, которая в настоящее время является основной надстройкой данного рода и установлена в броузерах 98% пользователей Web.

Технология Flash развивается с 1996 года как инструмент создания интерактивной векторной анимации для Web. Основной "ударной силой" Flash является возможность создания векторных анимационных файлов с небольшим временем загрузки, которые обеспечивают при этом высокую степень интерактивности[7].

Помимо этого, Flash (особенно после появления Flash MX) является многофункциональным средством, посредством которого можно реализовать доступ к базам данных, поддержку XML, интеграцию видео и аудио, использовать предварительно встроенные шаблоны, процедуру перетаскивания, получать доступ к серверам приложений и шлюзам, работающим в режиме реального времени. Все эти операции во Flash выполняются под управлением языка сценариев ActionScript, похожего на язык JavaScript.

Большинство коллективов, работающих с Flash, в настоящее время делятся на две группы: одни работают непосредственно с ActionScript, а другие — с графическим содержимым. Доступ к базам данных и работа с динамическим содержимым является отдельным направлением точно так же, как и имеется отдельная "ветвь" технологии Flash для персональных цифровых ассистентов (PDA). В настоящее время Flash превратилась в столь широкую и разнообразную среду, что редко можно найти индивидуума, равно хорошо знакомого со всеми ее возможностями.

В настоящее время компания Macromedia предлагает целое семейство продуктов версии MX, которые группируются в пакет Macromedia Studio MX. В его состав входят хорошо известные обновленные версии продуктов, такие как Dreamweaver MX, Fireworks MX и ColdFusion MX, a также новая разработка для серверов потокового аудио и видео — Flash Communication Server.

Macromedia стремится создать как инструментальные средства, так и платформы, предназначенные для создания следующего поколения мультимедийных Web-приложений[7][8].