Разработка информационного web-сайта фотосалона

Размещено на http://www.allbest.ru/

Содержание

Введение

1. Технико-экономическое обоснование дипломного проекта

1.1 Основания для разработки

1.2 Цели и задачи, разрабатываемого сайта

1.3 Этапы и сроки создания сайта

1.4 Технические требования

1.5 Программная часть проекта

1.6 Требования к сервисам и функциональности Web-сервера

1.7 Требования к системе управления Web-сайтом

1.8 Требования к контенту сайта

1.9 Требования к программной документации

1.10 Порядок контроля и приемки программы

1.11 Технико-экономические показатели

2. Аналитическая часть

2.1 Организационная структура предприятия

2.2 Задачи и функция предприятия

2.4 Анализ выбранного информационного процесса

2.4.1 Выбор типа сайта для фотосалона «Учкудук»

2.4.2 Задачи и функции, подлежащие автоматизации

2.4.3 Общая архитектура приложения

2.4.4 Проектирование серверной части

2.4.5 Проектирование клиентской части

2.4.6 Права и обязанности участников процесса

2.4.7 Этапы создания web-сайта

2.4.8 Исполнители проекта

2.4.9 Раскрутка Web-сайта

2.4.10 Выбор программных средств разработки

2.4.10.1 Сервер приложений

2.4.10.2 Клиентское приложение

2.4.11 Описание комплекса технических средств

3. Специальная часть

3.1 Разработка структуры web-сайта

3.2 Структура отдельной страницы

3.3 Разработка дизайна web-страниц сайта

3.4 Компоновка макета web-страницы

3.5 Построение инфологической модели предметной области

3.6 Построение даталогической модели предметной области

3.7 Характеристика входной и выходной информации

3.8 Алгоритм работы сайта

3.9 Организация технологии сбора, передачи, обработки и выдачи информации

3.10 Программное обеспечение автоматизированного решения задач Web-сайта

3.10.1 Механизмы обеспечения надежности хранения данных

3.10.2 Схема взаимодействия модулей системы

3.11 Руководство пользователя

4. Охрана труда и техника безопасности

4.1 Анализ опасных вредных факторов и возможных чрезвычайных ситуаций, возникающих во время работы программиста

4.1.1 Уровень шума на рабочем месте

4.1.2 Электромагнитное и ионизирующее излучения

4.1.3 Статические нагрузки и монотонность труда

4.1.4 Недостаточная освещенность

4.2 Характеристика помещения

4.3 Расчёт освещения рабочего места

5. Экономическая часть

5.1 Оценка срока окупаемости программного продукта

5.2 Расчет времени на создание программного продукта

5.3 Расчет себестоимости создания программного продукта

5.4 Расчет цены программного продукта

5.5 Расчет затрат на внедрение программного продукта

5.6 Расчет годовой экономии в результате внедрения программного продукта

5.7 Срок окупаемости единовременных затрат

Заключение

Список литературы

Введение

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

Целью данной дипломной работы является разработка информационного web-сайта фотосалона «Учкудук». Основная задача сайта - информировать интернет-пользователей о деятельности фотосалона и популяризация профессиональной фотографии как самостоятельного вида искусства.

С помощью web-сайта фирмы решают такие задачи, как представление фирмы в сети Интернет, расширение потенциальной аудитории потребителей, поддержка бренда, повышение узнаваемости, информирование общественности и др.

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

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

Правильно разработанный сайт дает следующие результаты:

– увеличивает количество клиентов за счет обращений через Интернет;

– повышает уровень знания о фирме среди клиентов и партнеров;

– делает коммуникацию компании более удобной, информативной, создает дополнительные конкурентные преимущества;

– является эффективным инструментом продвижения фирмы.

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

– определить цели сайта, собрать и проанализировать необходимую информацию, определить целевую аудиторию, исследовать структуру, концепцию, дизайн и функциональность сайтов-конкурентов;

– разработать структуру сайта, создать карту сайта, визуализировать макеты будущих web-страниц, осуществить навигацию по сайту, определить необходимые и дополнительные сервисы, выбрать технологию реализации сайта;

– разработать концепцию сайта, создать графические шаблоны, провести работу над выполнением логотипа сайта, обработать графические изображения, иконки и другие элементы графики;

– выполнить HTML-верстку, заполнить шаблоны содержимым, внедрить в них динамические элементы, графическое наполнение;

– произвести работу над программированием сайта: создать базу данных и написать PHP-скрипты и JavaScript-сценарии для реализации функциональных возможностей сайта;

– протестировать функциональность и надежность сайта с точки зрения юзабилити, проверить корректность работы в различных браузерах, устранить обнаруженные неполадки;

– проверить эффективность адаптации HTML кода для SEO-оптимизации;

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

Дипломный проект включает в себя 5 разделов.

В разделе «Технико-экономическое обоснование» рассматривается основание разработки, назначение создаваемой информационной системы и основные требования, предъявленные к ней. Дополнительно имеются сведения об организации работ по созданию программного обеспечения.

В разделе «Аналитическая часть» приводятся общие сведения об организационной структуре фирмы, объекта управления, предметной области, разрабатываемого web-сайта.

В разделе «Специальная часть» представлена характеристика разрабатываемого сайта, дано описание разработки информационного обеспечения и документооборота для рассматриваемой задачи.

В разделе «Экономическая часть» осуществляется расчет годовой экономии от внедрения, разработанного сайта.

В разделе «Охрана труда и техника безопасности» рассматривается система управления охраной труда на фирме, характеристика помещения и факторы, действующие на менеджера, а так же производится расчет освещенности и уровня шума на рабочем месте.

В заключении сделаны выводы по дипломному проекту, определены пути его внедрения на объекте и направления дальнейшего совершенствования.

сайт программный дизайн автоматизированный

1. Технико-экономическое обоснование дипломного проекта

1.1 Основания для разработки

На сегодняшний день нет практически ни одной успешной фирмы, которая не имела бы своего представительства в глобальной сети. Объясняется это очень просто: электронный ресурс представляет собой своеобразное лицо фирмы, к которому клиент может обратиться в любой момент. На сайтах можно разместить любую необходимую информацию, материалы, расценки, с его помощью легко наладить обратную связь. Все эти преимущества неоспоримы и, безусловно, говорят в пользу создания собственного сайта.

1 Полная, адресная и продуманная информация.

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

2 Только целевая аудитория.

Интернет-сайт привлекает только целевую аудиторию. Под целевой аудиторией подразумевается та группа «жителей сети», для которой целенаправленно и создается интернет представительство.

Интернет реклама как никакая другая проводится адресно. В интернете можно проследить за тем, какая реклама сколько посетителей привела на сайт.

3 Сокращение расходов на традиционную рекламу.

Корпоративный Интернет-ресурс может существенно сократить расходы на традиционную рекламу, если используется параллельно с офлайновыми рекламными инструментами: прессой, наружной рекламой и т.п.

4 Если надоело отвечать на одни и те же вопросы.

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

5 Оперативное обновление информации.

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

6 Раскрутка престижа фирмы.

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

7 Корпоративное хранилище информации.

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

С целью обеспечения информационной поддержки фотосалона «Учкудук» была выбрана тема для дипломного проектирования - разработка информационного web-сайта фотосалона «Учкудук».

Для автоматизации деятельности фотосалона был выделен следующийбизнес-процесс: информационная поддержка бизнеса.

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

1.2 Цели и задачи, разрабатываемого сайта

В ходе предпроектного анализа были выделены следующие задачи, которые необходимо решить в данной работе:

1. Создать и разместить в сети Интернет web-ресурс фотосалона «Учкудук», обеспечить размещение оперативной информации, разместить подробную информацию о предлагаемых услугах.

2. Обеспечить эффективную интеграцию веб-ресурса в сеть Интернет.

3. Обеспечить информационную поддержку партнеров и клиентов фирмы, оперативное оповещение о событиях.

4. Создать дополнительный канал обратной связи с клиентами через Интернет.

1.3 Этапы и сроки создания сайта

Общий срок работ по созданию сайта фотосалона «Учкудук», составляет 60 календарных дней с момента утверждения технической записки.

Этапы создания сайта:

- разработка концепции сайта, информационное проектирование, оформление Технического задания;

- разработка эскиза базового дизайна;

- создание работающего шаблона сайта, включая полную разработку «визуала», ссылки, интерактивные элементы;

- разработка модуля администрирования сайта, подключение сайта к системе управления;

- подготовка, редактирование, верстка и настройка контента сайта под поисковые системы;

- публикация сайта на сервере, тестирование.

1.4 Технические требования

В ходе анализа структуры сайта и его целей были определены следующие требования к верстке сайта:

1. Дизайн страниц основан на «фиксированных» размерах страниц, минимальное разрешение экрана монитора - 1280 x768px.

2. Верстка сайта оптимизирована на корректную работу в браузерах Internet Explorer, Opera, Mozilla Firefox, Chrome.

3. Использование фирменных цветов и логотипа фирмы.

4. Корректность цветовых схем (не более 4-х контрастных цветов).

5. Использование не более 3-х различных шрифтов.

6. Обязательная визуальная поддержка действий пользователя - т.н. «интерактив» (визуальное отображение активных, пассивных и посещенных ссылок; четкое обозначение местонахождения пользователя).

7. Мета-теги и контент сайта на этапе изготовления сайта должны быть настроены с учетом требований поисковых систем, что обеспечить продвижение сайта по ключевым словам в руcскоязычных поисковых системах.

1.5 Программная часть проекта

При работе над версткой сайта и создании необходимых сервисов использованы технологии:

1. Серверные технологии (языки программирования): PHP.

2. Клиентские технологии (языки разметки, клиентские языки программирования):

- JavaScript;

- HTML;

- CSS;

- jQuery.

3. Системы управления базами данных: MySQL.

1.6 Требования к сервисам и функциональности Web-сервера

Web -сервер должен обеспечивать возможности:

- управления содержанием и структурой сайта через систему управления контентом;

- управления доступом и работой с базами данных;

- осуществления обратной связи: запросы партнеров и клиентов по e-mail или заполнение специальной формы на сайте;

- обработки статистики (подключение внешней системы статистики).

1.7 Требования к системе управления Web -сайтом

Система управления должна:

1. обеспечивать создание, удаление, модификацию и управление:

- разделами сайта (в т.ч. и навигацией);

- документами;

- списковыми объектами (типа, меню и т.д) и атрибутами списков.

2. обеспечивать операционное представление сервера в модуле администрирования.

1.8 Требования к контенту сайта

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

Содержание, представленное на Web-страницах должно удовлетворять следующим условиям:

- соответствие целям создания сайта;

- учет особенностей целевого сегмента потребителей;

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

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

- объективность и достоверность. Посетители, обнаружившие ошибочную или неточную информацию, вряд ли захотят повторно обратиться к этой странице;

- отсутствие излишне навязчивого рекламного характера.

1.9 Требования к программной документации

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

Справка по программе должна быть в формате.doc.

В состав сопровождающей документации должны входить:

- руководство пользователя;

- руководство разработчика.

1.10 Порядок контроля и приемки программы

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

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

Ввод в эксплуатацию программного продукта должен проводиться после подтверждения работоспособности системы и выполнения системой указанных функций.

Во время приемки информационной автоматизированной системы подписывается акт приема-передачи и передается техническая документация на эту систему.

1.11 Технико-экономические показатели

Внедрение сайта позволит:

- сократить время поиска необходимой информации;

- предоставить клиентам больше информации;

- существенно повысить статус фотосалона не только в виртуальном, но и в реальном мире.

2. Аналитическая часть

2.1 Организационная структура предприятия

Фотосалон «Учкудук» является субъектом малого предпринимательства, осуществляет свою деятельность в условиях рыночной экономики от имени индивидуального предпринимателя.

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

В состав персонала фотосалона входят бухгалтер, специалист по работе с заказами от населения, приемщик заказов от населения.

Численность персонала фотосалона приведена в таблице 2.1.

Таблица 2.1. Численность персонала фотосалона

№	Должность	Количество человек
1	Директор	1
2	Бухгалтер	1
3	Приемщик заказов от населения	1
4	Главный специалист	1
5	Специалист по работе с заказами от населения	2
Итого	6

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

Структура отдела по работе с заказами населения представлен на

Для эффективной работы все работники фотосалона имеют обязанности и полномочия, которые представлены в таблице 2.2.

Таблица 2.2. Обязанности и полномочия функциональных подразделений фотосалона

Функциональное подразделение	Обязанности и полномочия
Бухгалтер	Обеспечение правильной постановки и достоверности учета, контроль за сохранностью собственности, правильным расходованием денежных средств и материальных ценностей, финансовых ресурсов.
Главный специалист	Контроль обеспечения выполнения фотографами работ, организация и обучения персонала.
Отдел по работе с заказами от населения	Обеспечение поточной организации работ, ритмичности и повышения эффективности изготовления фотографий, изготовление фотографий в установленные сроки, улучшение качества производства.
Приемщик заказов от населения	Прием и оформление заказов от населения, выдача заказов.

2.2 Задачи и функция предприятия

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

Отношения предприятия с другими предприятиями, организациями, учреждениями, органами государственного и муниципального управления и гражданами регламентируются законодательством.

Фото на документы - это основная услуга фотосалонов, все остальное: печать с цифровых носителей, компьютерная обработка, художественная съемка, продажа сопутствующих товаров занимает не более 30-35% всех заказов.

Деятельность фотосалона направлена на оказание различным слоям населения услуг фотосалона:

- изготовление фото на документы;

- репродукция и ретушь фотографий;

- художественное и портретное фото, портфолио;

- свадебные фотографии;

- сувенирная продукция (изготовление календарей, открыток, виньеток);

- ксерокс, ламинирование и сканирование;

- оцифровка пленки и фотографий;

- печать на фотобумаге с электронных носителей;

- запись фотографий на внешние носители информации.

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

2.3 Анализ информационных процессов объекта исследования

Основным видом деятельности фотосалона «Учкудук» является оказание фотоуслуг.

Производство самой продукции занимает, немного времени от 5 до 15 минут это зависит от сложности заказа. В процессе используется цифровая камера, фотобумага, программное обеспечение (Adobe Photoshop), широко-форматный принтер. При появление заказа специалист анализирует заказ, советуется с клиентом, фотографирует клиента, если необходимо выполняет нужные операции в программном обеспечении, фотография выводиться на печать, распечатывается.

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

Функционирование фотосалона предполагает оказание фотоуслуг клиентам. Клиент - тот объект, для которого, собственно, функционирует салон. Клиент оплачивает товар и получает товар.

Помимо клиентов, входом также является расходные материалы.

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

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

После описания контекстной диаграммы проведем функциональную декомпозицию - разобьем систему на подсистемы. Результат такого разбиения, показан на отдельной диаграмме декомпозиции (рисунок 2.3).

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

- Прием заказа.

- Изготовление продукции.

- Сбыт продукции.

2.4 Анализ выбранного информационного процесса

2.4.1 Выбор типа сайта для фотосалона «Учкудук»

На сегодня в интернете огромное количество типов и видов сайтов, которые достаточно разнообразны. Что бы ориентироваться в огромном разнообразии сайтов их можно разделить на типы или виды.

В зависимости от задач, мы можем разделить их на несколько типов:

1. интернет-портал;

2. информационные ресурсы;

3. интернет - представительства владельцев бизнеса;

4. веб-сервис;

5. комбинированные веб-сервисы (Социальные сети) -- например, Facebook, Twitter;

6. комбинированные веб-сервисы (Специализированные социальные сети) -- например, MySpace, Flickr.

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

Информационные ресурсы:

- тематический сайт -- сайт, предоставляющий специфическую узкотематическую информацию по какой-либо теме;

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

Интернет-представительства владельцев бизнеса (торговля и услуги, не всегда связанные напрямую с Интернетом):

- сайт-визитка -- содержит самые общие данные о владельце сайта (организация или индивидуальный предприниматель). Вид деятельности, история, прайс-лист, контактные данные, реквизиты, схема проезда; Специалисты размещают своё резюме. То есть подробная визитная карточка.

- представительский сайт -- так иногда называют сайт-визитку с расширенной функциональностью: подробное описание услуг, портфолио, отзывы, форма обратной связи и т.д.;

- корпоративный сайт -- содержит полную информацию о компании-владельце, услугах/продукции, событиях в жизни компании. Отличается от сайта-визитки и представительского сайта полнотой представленной информации, зачастую содержит различные функциональные инструменты для работы с контентом (поиск и фильтры, календари событий, фотогалереи, корпоративные блоги, форумы). Может быть интегрирован с внутренними информационными системами компании-владельца (КИС, CRM, бухгалтерскими системами). Может содержать закрытые разделы для тех или иных групп пользователей -- сотрудников, дилеров, контрагентов и пр.;

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

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

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

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

Веб-сервис -- сайт, созданный для выполнения каких либо задач либо предоставления услуг в рамках сети WWW:

- доска объявлений;

- каталог сайтов -- например, Open Directory Project;

- поисковые сервисы -- например, Yahoo!, Google;

- почтовый сервис;

- веб-форумы;

- блоговый сервис;

- файлообменный Пиринговый сервис -- например, Bittorrent;

- датахостинговый (хранение данных) сервиc -- например, Skydrive.

Датаэдиторинговый (редактирование данных) сервиc -- например, Google Docs.

Фотохостинг -- например, Picnik, ImageShack, Panoramio, Photobucket.

Хранение видео -- например, YouTube, Dailymotion.

Социальные Медиа.

Комбинированные веб-сервисы (Социальные сети) -- например, Однокласники, Мой Мир.

Комбинированные веб-сервисы (Специализированные социальные сети) -- например, MySpace, Flickr.

Типов веб-сайтов достаточно много и выбор нового проекта, который подойдет организации, напрямую зависит от задач бизнеса.

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

2.4.2 Задачи и функции, подлежащие автоматизации

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

В связи с этим было принято решение создание Web-сайта компании.

Представительский сайт -- наиболее распространенный вид сайтов для компаний малого и среднего бизнеса. Основная цель такого сайта, это дать потребителю всю необходимую информацию о своей компании. Это визитка компании в сети Интернет, где помимо контактной информации посетитель может ознакомиться с товарами и услугами, которые предоставляет компания, условиями работы и сотрудничества, всегда быть в курсе новостей и событий, акций и мероприятий которые проводит компания в поддержку своей деятельности.

Задачи, решаемые, разрабатываемым сайтом:

- презентация компании в Интернете;

- информирование посетителей сайта об услугах компании;

- организация обратной связи с посетителями сайта и клиентами компании;

- сбор и анализ информации о посетителях сайта;

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

2.4.3 Общая архитектура приложения

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

Основными достоинствами архитектуры «клиент-сервер» являются:

- возможность, в большинстве случаев, распределить функции вычислительной системы между несколькими независимыми компьютерами в сети. Это позволяет упростить обслуживание вычислительной системы. В частности, замена, ремонт, модернизация или перемещение сервера, не затрагивают клиентов;

- все данные хранятся на сервере, который, как правило, защищен гораздо лучше большинства клиентов. На сервере проще обеспечить контроль полномочий, чтобы разрешать доступ к данным только клиентам с соответствующими правами доступа;

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

Основные недостатки:

- в случае использования централизованной системы, неработоспособность основного сервера может сделать неработоспособным все приложение;

- администрирование данной системы требует квалифицированного профессионала;

- высокая стоимость оборудования.

2.4.4 Проектирование серверной части

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

HTTP- запрос -- сформированный согласно протоколу HTTP/1.1 запрос на сервер на заранее определенный порт (по умолчанию, порты 80 и 8080) с целью выполнения какого-либо удаленного действия (манипуляции с информацией, выполнения определенных команд и т.д.). Как правило, такие запросы посылает интернет-браузер клиента.

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

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

В задачи веб-сервера входят:

- получение и ответ на HTTP-запросы;

- перенаправление запросов на сайт, как правило, приписанное к определенному домену или поддомену;

- предоставление приложениям доступа к необходимым модулям (например, к модулю связи с СУБД, модулю обработки php-программ и другие);

- авторизация и аутентификация пользователей и т.д.

В задачи сервера баз данных входит:

- обслуживание запросов на манипуляции с данными на основе языка SQL;

- обслуживание базы данных;

- обеспечение целостности данных;

- предоставление утилит для административного управления СУБД.

2.4.5 Проектирование клиентской части

Клиентская часть приложения должна поддерживать следующие технологии:

- доступ к сети Интернет;

- возможность работы по протоколу HTTP/1.1;

- вывод двухмерной графической информации;

- поддержка устройств взаимодействия с человеком для ввода данных.

2.4.6 Права и обязанности участников процесса

С разрабатываемой сайтом будут взаимодействовать следующие группы лиц:

- администратор;

- пользователи.

Администратор имеет доступ к программному коду системы, доступ к административному аккаунту сервера и, соответственно, имеет неограниченные права на любые действия в рамках системы:

- добавление, удаление и редактирование категорий;

- добавление, удаление и редактирование контентных страниц;

- просмотр отзывов, оставленных на сайте с помощью формы обратной связи.

Клиенты и пользователи системы могут выполнять следующие действия:

- просматривать контентные страницы сайта;

- оставлять отзывы о сайте в форме обратной связи.

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

2.4.7 Этапы создания web-сайта

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

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

После этого требуется решить вопрос привлечения на него пользователей -- текущих и потенциальных клиентов фирмы. Поэтому следующим этапом является проведения комплекса мероприятий по привлечению посетителей на сервер. Данный этап подразумевает использование всех видов рекламы в Интернете: от размещения баннеров до использования списков рассылки.

Указанные три этапа завершает четвертый -- подведение итогов на основе сравнения полученных результатов с запланированными в разрезе установленных ранее критериев.

При правильном подходе к построению бизнеса с использованием Интернета, он будет продолжать совершенствоваться и развиваться. Так, после подведения первых итогов возможно корректировка общих целей и задач, что может повлечь за собой пересмотр вопросов первого этапа программы маркетинга. В случае недостаточной отдачи от web-сервера по причине неудачной, с точки зрения конечного пользователя, реализации его дизайна или небольшого количества посетителей необходимо вернуться ко второму или третьему этапу для проведения соответствующих корректировок и исправлений. Значительные изменения в первоначальные планы может вносить и сама среда Интернета, высокая динамика развития которой требует постоянного совершенствования используемых методов и средств. Таким образом, построение программы маркетинга на основе web-сервера является итерационным процессом, движущимся вместе с развитием Интернета.

2.4.8 Исполнители проекта

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

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

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

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

Стоимость и сроки реализации сайта также имеют немаловажное значение. Для профессиональных студий минимальная нижняя планка заказа обычно составляет порядка $1500. Реализация небольшого и достаточно простого сайта при обращении к дизайнеру-одиночке может стоить менее $800.

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

2.4.9 Раскрутка Web-сайта

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

При этом, на данный момент, есть яркий лидер среди поисковиков - это система Google, которая аккумулирует в среднем около ~ 70% всей аудитории казахстанского интернета, поэтому основной упор в поисковом продвижении сайта сейчас принято делать, исходя именно из особенностей алгоритмов ранжирования этой поисковой системы.

Второй по значимости поисковик - это система Yandex.

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

Оптимизация сайта представляет собой несколько обязательных мероприятий для улучшения видимости сайта поисковыми системами. Оптимизация веб-сайта состоит не только в наполнении страничек ключевыми словами. Важно построить правильную структуру сайта для уменьшения количества времени на индексацию сайта роботами поисковых систем.

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

2.4.10 Выбор программных средств разработки

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

Клиент-сервер - сетевая архитектура, в которой устройства являются либо клиентами, либо серверами. Клиентом (front end) является запрашивающая машина (обычно ПК), сервером (back end) -- машина, которая отвечает на запрос. Оба термина (клиент и сервер) могут применяться как к физическим устройствам, так и к программному обеспечению.

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

Технология «тонкий клиент/сервер» - это модель, в которой приложения развертываются, управляются и запускаются полностью на сервере. Эта модель использует многопользовательскую операционную систему и технологию передачи всего пользовательского интерфейса на устройство пользователя. К выгодным сторонам технологии "тонкий клиент/сервер" относятся легкое управление, простой доступ, производительность и безопасность системы. Это существенно снижает суммарную стоимость ее эксплуатации. Кроме того, все эти выгоды доступны уже сейчас, на базе существующих стандартов компьютерной инфраструктуры и Windows-приложений.

Технология «тонкий клиент/сервер» базируется на трех основных составляющих:

- стопроцентное выполнение прикладных задач на сервере;

- многопользовательская операционная система;

- технология распределенного отображения пользовательского интерфейса приложений.

2.4.10.1 Сервер приложений

Серверная часть приложения разработана на основе MySQL 5.0.51b. MySQL 5.0.51b является решением для малых и средних приложений. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты. Исходники сервера компилируются на множестве платформ. Являясь надежной реляционной системой управления базами данных для Windows, MySQL предназначен для широкого круга корпоративных пользователей и независимых поставщиков программного обеспечения, создающих бизнес-приложения. Существенные усовершенствования продукта, в соответствии с требованиями пользователей, коснулись удобства использования, надежности и масштабируемости, а также организации хранилищ данных.

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

2.4.10.2 Клиентское приложение

Для клиентской части была выбрана среда разработки PHP, которая является широко используемым языком сценариев общего назначения с открытым исходным кодом. Область применения PHP сфокусирована на написание скриптов, работающих на стороне сервера, таким образом, PHP способен выполнять всё то, что выполняет любая другая программа CGI(Common Gateway Interface - общий интерфейс шлюза, но PHP способен выполнять и множество других задач.

Вот некоторые из них:

- чтобы просматривать результаты выполнения PHP-скриптов в браузере, вам нужен работающий веб-сервер и установленный PHP;

- PHP доступен для большинства операционных систем, включая Linux, многие модификации Unix (такие, как HP-UX, Solaris и OpenBSD), Microsoft Windows, Mac OS X, RISC OS, и многих других;

- в PHP включена поддержка большинства современных вебсерверов, таких, как Apache, Microsoft Internet Information Server, Personal Web Server, серверов Netscape и iPlanet, сервера Oreilly Website Pro, Caudium, Xitami, OmniHTTPd и многих других. Для большинства серверов PHP поставляется в качестве модуля, для других, поддерживающих стандарт CGI, PHP может функционировать в качестве процессора CGI;

- одним из значительных преимуществ PHP является поддержка широкого круга баз данных. Создание скрипта, использующего базы данных - невероятно просто. В настоящее время PHP поддерживает следующие базы данных: Adabas D, dBase, Empress, FilePro, Hyperwave, IBM DB2, Informix, Ingres, InterBase, FrontBase, mSQL, ODBC. Oracle (OCI7, OCI8), Ovrimos, PostgreSQL, SQLite, Solid, Sybase, Velocis, Unix dbm;

Таким образом, выбирая PHP, разработчик получает свободу выбора операционной системы и вебсервера. Кроме того, у него появляется выбор между использованием процедурного или объектно-ориентированного программирования или же их сочетания.

Для успешной эксплуатации ПО необходимо выполнение ряда программных требований (таблица 2.3).

Таблица 2.3. Требования к программному обеспечению

Наименование	Значение
1	2
Требования к программному обеспечению клиентской станции
Операционная система	Windows 2000\XP\Vista\7
Протокол	TCP/IP
Браузер	Internet Explorer, Mozilla Firefox, Opera, Chrome
Требования к программному обеспечению сервера
Операционная система	Unix, Linux, Windows NT\ XP
Сервер	Apache 2.2.4
СУБД	MySQL 5.0.51b

2.4.11 Описание комплекса технических средств

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

Критериями выбора технических средств являются:

- надежность функционирования системы;

- функциональная полнота системы;

- быстродействие;

- минимизация затрат на стоимость: аппаратных средств, прикладных систем, сопровождения системы, развития системы.

Для успешной эксплуатации веб-сайта необходимо выполнение ряда аппаратных требований:

1 Минимальные требования к аппаратному обеспечению машины сервера является:

- процессор Intel Pentium IV 3,0 ГГц;

- 512 Мб оперативной памяти;

- 500 Мб свободного места на жестком диске.

2 Минимальные требования к аппаратному обеспечению машины клиента является:

- процессор Intel Pentium III 700 МГц;

- 128 Мб оперативной памяти;

- Монитор с разрешением экрана 1024х768.

3. Специальная часть

3.1 Разработка структуры web-сайта

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

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

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

В соответствии с перечнем обязательных страниц для веб-сайта наиболее удобной может быть комбинированная структура.

При разработке архитектуры сайта, было обозначено несколько частей: сам сайт, то есть клиентская часть и закрытые части - консоли администратора и модератора.

Информационная структура клиентской части сайта представлена следующими страницами: Главная, Услуги, Портфолио, Блог, Новости, Контакты.

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

Администраторская часть содержит инструменты управления сайтом и включает в себя общие настройки.

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

В соответствии с разработанной структурой, для клиентской части сайта должны быть созданы следующие веб-страницы (таблица 3.1).

Таблица 3.1. Перечень страниц веб-сайта клиентской части

Страница	Имя файла	Описание
Главная		На этой странице находится слайд шоу галерея, которая содержит авторские работы, демонстрирующие основные разделы сайта. Основное внимание пользователя будет привлечено именно к этому месту, поэтому важным моментом здесь является подход к фотографиям.
Услуги		На этой странице размещается информация об услугах, которые фотосалон предоставляет.
Портфолио: Свадебное фото Портретное фото Детские шаблоны Реставрация фото Сувенирная продукция		Это самые важные страницы, здесь размещены готовые работы, упорядоченные по направлениям деятельности фотосалона. Фотографии просматриваются в виде галереи организованной с помощью библиотеки jQuery.
Блог		В данном разделе помещены регулярно добавляемые записи, связанные с процессом создания фотографий и их обработкой.
Новости		Данная страница отображает последние новости фотосалона.
Контакты		В этом подразделе указывается почтовый и юридический адрес организации, телефоны, электронная почта, а также здесь посетитель сайта может оставить свои пожелания, задать вопросы.

3.2 Структура отдельной страницы

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

Страница сайта условно разбита на три части: «шапку», основную часть и «подвал».

В «шапке» размещаются логотип фотографа, кнопки социальных сетей и блок основного меню, обеспечивая удобство пользователя при работе с навигацией, а так же облегчает зрительное восприятие сайта.

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

Под контентной частью расположен «подвал» сайта, содержащий дополнительный навигационный блок и информация об авторских правах.

Рассмотрение данного макета показало возможность использования его в качестве основы для дизайна остальных страниц. Элементы скомпонованы хорошо, положение каждого элемента в общей структуре соответствуют их «важности» и назначению. Учтены законы зрительного восприятия и правила юзабилити. Далее можно приступать к разработке дизайна страниц сайта.

3.3 Разработка дизайна web-страниц сайта

Графический макет сайта создан с помощью растрового редактора Adobe Photoshop.

Составим план создания нашего графического макета.

1. Компоновка блоков: вверху - «шапка» сайта, состоящая из логотипа, кнопок навигации и социальных сетей, ниже - содержательная часть, внизу - «подвал» сайта.

2. Тип верстки: «жесткая», минимальное разрешение - 1280x768.

3. Цветовая гамма: белый, коричневый, черный.

4. Шрифт: Tahoma.

Первым делом создаем заготовку размером 1260Ч768 (при разработке макета из ширины в 1260 вычитается размер полосы прокрутки в Microsoft Internet Explorer, как правило, 20 пикселов). Основной слой заливаем черным цветом и делаем неподвижный фон. Выбираем инструмент прямоугольник, выделяем половину слоя и заливаем его градиентом.

В программе Adobe Photoshop делаем логотип фотосалона.

Создаем изображение размеров 234Ч110 пикселей, цвет фона оставляем прозрачным. Берем готовое изображение фотоаппарата, располагаем, его справа изображения. Слева добавляем текст: «Фотосалон» (шрифт: Fira Sans, размер шрифта: 50 пунктов, цвет шрифта: #ffffff); «Учкудук» (шрифт: Leokadia Deco, размер шрифта: 30 пунктов, цвет шрифта: #ffffff).

3.4 Компоновка макета web-страницы

Под компоновкой макета принято понимать условное (схематическое) расположение блоков информации на будущем Web-сайте.

Всего можно выделить четыре блока информации. Рассмотрим каждый из них:

1 «шапка» -- занимает верхнюю часть сайта в окне браузера (как правило, не больше 1/4 видимой части экрана без прокрутки) и может содержать:

- логотип;

- слоганы, лозунги, девизы;

- рекламную информацию (баннеры и текстовые блоки) и др.;

2 меню навигации -- оно может быть вертикальным, горизонтальным, содержать подменю и т.д. и т.п.;

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

...