Файл: Разработка Web-представительства строительной компании.pdf
Добавлен: 03.07.2023
Просмотров: 1015
Скачиваний: 12
СОДЕРЖАНИЕ
1. Цели и концепция Web-ресурса
1.2. Обоснование необходимости создания Web-ресурса
1.3. Описание свойств Web-ресурса, требуемых для решения выбранной задачи
1.4. Характеристика целевой аудитории
2. Параметры и внешний вид Web-ресурса
2.1. Обоснование выбора имени и названия Web-ресурса
2.2. Обоснование лингвистического обеспечения Web-ресурса
2.3. Обоснование выбора графического режима Web-ресурса
2.4. Обоснование принятых решений по цветовой схеме Web-ресурса
2.5. Обоснование принятых решений по размеру и виду шрифта
2.6. Обоснование принятых решений по формированию фирменного стиля
3. Обоснование выбора инструментария для создания Web-ресурса
3.1. Обоснование технологии получения и размещения информационного наполнения Web-ресурса
3.3. Обоснование выбора программного обеспечения для создания Web-ресурса
3.3.1. Обоснование выбора программных продуктов для создания графики
3.3.2. Обоснование выбора программных продуктов для создания анимации
3.3.3. Обоснование выбора СУБД
3.3.4. Обоснование выбора программных продуктов для создания программного кода
3.4. Обоснование выбора способа размещения Web-ресурса в Интернет
4. Структура и содержание сайта
4.1.Разделы сайта и система навигации
5. Разработка рекламной кампании по продвижению Web-ресурса в Интернет
5.1. Формирование массива ключевых слов для поиска Web-ресурса в поисковых системах
Возможности программы Adobe Illustrator: трехмерные спецэффекты; искажение и деформация изображения; спецэффекты в режиме реального времени; эффект прозрачности; эффект Scribble (векторные обьекты будут выглядеть как наброски, нарисованные от руки); инструменты рисования, соответствующие отраслевым стандартам; стили символов и параграфов; пользовательский интерфейс в стандартном стиле Adobe; средства создания файлов Adobe PDF; интеграция с другими приложениями; повышенная производительность; расширенные возможности печати; улучшенные средства работы с текстом; поддержка слоев Adobe PDF; тесная интеграция с продуктами Microsoft Office; создание собственных шаблонов.
Photo! Editor – бесплатный редактор графических файлов. Инструменты в Photo! Editor могут работать как в автоматическом режиме, так и ручном.
Photo! Editor позволяет сменить формат фотографии — поддерживаются такие распространенные форматы, как.jpeg,. Bmp,. Png,. Gif и.tiff.
Некоторые возможности Photo! Editor: удаление эффекта красных глаз (автоматически и в ручном режиме); цветокоррекция для настройки цветового баланса, контраста, яркости и насыщенности; удаление световых и цветовых шумов на фотографии, сделанной при плохом освещении; новейшая технология настройки резкости изображения (даже для очень расплывчатой фотографий); набор инструментов деформации изображения для создания карикатур; полный набор инструментов для ретуширования портретных изображений; баланс освещения — для создания художественных световых эффектов и 3D рельефа; инструмент для выравнивания изображения; пакетная обработка изображений
PhotoFiltre - мощный графический редактор, который поможет пользователю легко и быстро создавать графические композиции.
Одной из уникальных возможностей программы PhotoFiltre является работа с выделенными фрагментами изображений. Есть возможность применять к выделенным фрагментам собственные эффекты и сохранять их в отдельные файлы.
Некоторые возможности PhotoFiltre: расширение программы плагинами (более 30); более 100 различных фильтров; модуль автоматизации для применения базовых функций (конвертация, изменение размеров, рисование рамок) к группам изображений; создание иконок из GIF-изображений; расширенные текстовые эффекты (вращение, тени , выпуклость); различные типы контуров и текстур; наложение и комбинация изображений.
Для создания графики был выбран Photoshop, так как она наиболее функциональная и распространенная.
3.3.2. Обоснование выбора программных продуктов для создания анимации
Рассмотрим программные продукты для создания анимации.
Программа Easy GIF Animator предназначена для создания анимированных изображений формата GIF, дополняя их при этом разного рода спецэффектами.
Easy GIF Animator имеет много настроек, при помощи которых можно изменять практически все характеристики GIF-файла. В том числе цветовую гамму ролика и его продолжительность. Кроме того, программа позволяет добавлять тексты непосредственно на изображение, осуществлять предварительный просмотр проекта в браузере и преобразовывать GIF-анимацию в AVI-файлы. Также можно добавлять в создаваемую анимацию звуковое сопровождение и сохранять результат в формате SWF
Adobe Flash CS5 Professional – это одна из самых мощных и популярных программ, которая предназначена для профессиональной разработки интерактивных флэш-роликов или интерактивного содержимого веб-страничек, а также для создания видео-флешроликов.
Приложение Adobe Flash CS5 Professional имеет в своем арсенале широкие функциональные возможности, позволяющие легко и просто создавать интерактивные проекты под разные платформы, в результате чего у вас не будет проблем с демонстрацией своих творений перед любой публикой.
Anime Studio - программа для создания двумерной анимации. Anime Studio включает в себя набор мощных инструментов по созданию векторной графики, работе с растровыми изображениями. Имеется встроенный мастер создания персонажей, есть обучающий режим, поддерживается трассировка растровых картинок. Программа позволяет импортировать в проект звуковые файлы или записать собственные, синхронизировав речь персонажа с воспроизводимым звуком. Библиотека программы включает в себя множество готовых сцен, персонажей, аудио- и видеоклипов, кистей для рисования и т.д. Использование встроенной системы "костей" позволяет с лёгкостью анимировать движения частей тела персонажа. Есть возможность публикации проекта на YouTube и Facebook. Созданные мультяшки можно экспортировать в форматы MOV, AVI и SWF.
Active GIF Creator - это программа для создания анимированных изображений в графическом формате GIF.
С помощью программы Active GIF Creator вы сможете создавать превосходные анимации для веб-страничек. Кроме того, используя картинки или графику, созданную в любой программе редактирования изображений, например, такой как Windows Paint, Adobe Photoshop и дюжине других подобных программ можно легко и быстро создавать даже фильмы.
Active GIF Creator является очень полезной утилитой для создания анимированных изображений в формате GIF.
На сайте будет использована анимация на главной странице – машина на карте будет двигаться. Для этого была выбрана программа Adobe Flash CS5 Professional, так как автор работы не владеет другими программами.
3.3.3. Обоснование выбора СУБД
СУБД MySQL – это система управления реляционными базами данных, которая, в том числе, работает в связке бесплатных мощных продуктов, таких как Unix, Linux …, Apache, PHP, что обеспечивает мощные инструменты поддержки и быструю разработку веб-приложений.
MySQL является многопользовательским, «много потоковым» сервером и использует стандартный, принятый программистском мире структурированный язык запросов SQL (Structured Query Language)[4,9].
Для разработки веб-приложений используется также широко принятый во всем мире язык высокого уровня PHP. Язык PHP работает на стороне сервера и обеспечивает создание динамических веб-приложений, в том числе и взаимодействие с базой данных MySQL, посредством множества функций и классов. Программы написанные, в частности, на PHP называются сценариями.
Кратко можно описать типовую упрощенную схему взаимодействия этих продуктов следующей схемой.
1. [ Браузер] ???? [ Веб-сервер] ???? [PHP ] ???? [ Сервер MySQL]
2. [ Браузер] ???? [ Веб-сервер] ???? [PHP ] ???? [ Сервер MySQL]
- Браузер клиента отправляет HTTP запрос на загрузку веб-страниц веб-серверу. Веб-сервер принимает запрос, получает файл и передает его PHP, который сканирует и выполняет код PHP, встроенный или динамически загружаемый в веб-страницу. Если в PHP коде присутствуют функции обращения к базе данных, то выполняются соответствующие операции по открытию соединения с сервером MySQL. Сервер MySQL принимает запрос, обрабатывает его.
- Сервер MySQL отправляет результаты PHP, который завершает выполнение сценария, формируя HTML код страницы. После этого результаты передаются в HTML формате Веб-серверу. Сервер пересылает HTML файл браузеру, которые отображает страницу на экране.
В нашем проекте используются модифицированный под приложение класс PHP для работы с MySQL[4,13].
3.3.4. Обоснование выбора программных продуктов для создания программного кода
В качестве одной из возможных концепций создания информационных систем рассматривается Клиент-серверная архитектура, а в качестве фундаментальной платформы для программной реализации такой архитектуры предлагается платформа семейства Unix-Linux и пр. из этого ряда.
Программное обеспечение, реализующее управление базой данных и поисковые функции разработано как веб-приложение (будем называть, просто «приложение»). По определению, веб-приложение – это «Клиент-серверное приложение, в котором Клиентом выступает браузер, а сервером —веб-сервер. Логика веб-приложения распределена между сервером и клиентом, хранение данных осуществляется, преимущественно, на сервере, обмен информацией происходит по сети [2,4].
Одним из преимуществ такого подхода является тот факт, что Клиенты не зависят от конкретной операционной системы пользователя, поэтому веб-приложения являются межплатформенными сервисами.»
Клиентская часть программного обеспечения реализует пользовательский интерфейс, формирует запросы к серверу и обрабатывает ответы от него. Серверная часть получает запрос от Клиента, выполняет обработку, формирует веб-страницу и отправляет её Клиенту по сети.
Для реализации Клиент-серверной архитектуры выбрано трио базового программного обеспечения, базирующегося на Linux платформе - удаленный сервер со стандартным программным обеспечением Аpache, PHP, MySQL и широко распространенный пакет интерактивного удаленного управления базой данных phpMyAdmin. Эти программные средства являются той средой, на основе которой функционируют большинство веб-сайтов и веб-приложений. На текущий год на этой бесплатной платформе функционирует около 70% веб-сайтов.
Еще одним важным преимуществом является открытый код большинства программных продуктов, базирующихся на этой платформе. Что и использовалось в настоящем приложении.
Большинство веб-приложений базируется на веб-серверах общего пользования, так называемых разделяемых хостах (shared hostings), когда на одном или нескольких физических серверах располагается множество веб-сайтов, веб приложений.
Доступ к таким виртуальным хостам, находящимся в пользовании отдельных приложений осуществляется, как правило, посредством FTP- доступа. Для этого созданы специальные Клиентские программы типа GuteFTP 8 Professional и множество других. С помощью FTP- Клиентов можно легко администрировать веб-приложения на сервере.
СУБД MySQL – это система управления реляционными базами данных, которая, в том числе, работает в связке бесплатных мощных продуктов, таких как Unix, Linux …, Apache, PHP, что обеспечивает мощные инструменты поддержки и быструю разработку веб-приложений.
MySQL является многопользовательским, «много потоковым» сервером и использует стандартный, принятый программистском мире структурированный язык запросов SQL (Structured Query Language)[4,9].
Для разработки веб-приложений используется также широко принятый во всем мире язык высокого уровня PHP. Язык PHP работает на стороне сервера и обеспечивает создание динамических веб-приложений, в том числе и взаимодействие с базой данных MySQL, посредством множества функций и классов. Программы написанные, в частности, на PHP называются сценариями.
В настоящем проекте использовались следующие языки и технологии для реализации веб-приложения: HTML, CSS, PHP, SQL, СУБД MySQL.
Основным является язык PHP. На нем написано 90% кода настоящего приложения.
HTML (от английского Hyper Text Markup Language – язык разметки гипертекста). Это базовый язык в области средств создания веб страниц. Язык HTML предназначен для формирования и оформления веб-страниц, которые интерпретируется с помощью специальных Клиентских программ – браузеров ( Internet Explorer , Mozilla Farefox, и др.).
CSS ( Каскадные таблицы стилей или Cascading Style Sheets) - набор параметров форматирования, который применяется к элементам веб-страницы для управления их видом.
PHP. Это скриптовый язык программирования, созданный для генерации HTML-страниц на Веб-сервере и работы с базами данных. На данный момент он поддерживается 60% - ми поставщиков хостинга, входит в «стандартный» набор для создания сайтов (LAMP – Linux, Apache, MySQL, PHP), работает на стороне сервера.
SQL (Structured Query Language). Создан для работы с реляционными базами данных. Он позволяет пользователям взаимодействовать с базами данных (просматривать, искать, добавлять, управлять данными). MySQL – многопользовательский, многопоточный сервер базы данных SQL. Имеет хорошую скорость и гибкость, если использовать его для хранения изображений и файлов. MySQL соответствует спецификации ANSI 92 SQL[14,15,16].