Создание web-сайта для ООО «Хлеб»

Содержание Введение

1. Теоретические аспекты создания сайтов

1.1 Классификация web-сайтов

1.2 Различные технологии создания сайтов

1.3 Средства реализации и разработки сайтов

2. Разработка сайта для ООО «Хлеб»

2.1 Обоснование потребности в web-сайте

2.2 Цель разработки

2.4 Описание алгоритма создания сайта

2.5 Описание программы

2.6 Надежность разрабатываемого web-сайта

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

3. Определение себестоимости создаваемого сайта для ООО «Хлеб»

4. Безопасность и экологичность работы пользователя ЭВМ

4.1 Травмирующие и вредные факторы для пользователя ЭВМ

4.2 Эргонометрические характеристики рабочего места Заключение Список использованных источников Приложения

Введение

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

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

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

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

Создание небольшого web-сайта не требует серьезных капиталовложений.

Среди других преимуществ, из-за которых многие стремятся создать web-сайт, можно отметить следующие:

? уменьшение затрат на полиграфическую, телеи радиорекламу услуг и товаров компании;

? расширение количества потенциальных покупателей и увеличение роста продаж;

? привлечение внимания к своему бизнесу со стороны потенциальных партнеров;

? улучшение сервиса для уже имеющихся клиентов (они смогут получать всю необходимую им информацию с вашего сайта в любое подходящее для них время);

? повышение и укрепление имиджа компании (ресурс предоставляет отличный шанс произвести на посетителя благоприятное впечатление, повысить интерес к деятельности компании);

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

Актуальность данного проекта обусловлена производственной необходимостью создания web-сайта для ООО «Хлеб», и тем экономическим эффектом, что ожидается от его создания.

Цель данного проекта — изучить теоретические аспекты разработки сайтов и разработать web-сайт для ООО «Хлеб». Для достижения данной цели необходимо решить следующие задачи:

? изучить теоретические основы построения сайтов;

? создать проект web-сайта для ООО «Хлеб»;

? рассчитать себестоимость спроектированного web-сайта;

? рассмотреть условия безопасности и экологичности работы.

Объект исследований — информационная среда ООО «Хлеб».

Предмет исследования — web-сайт для ООО «Хлеб».

1. Теоретические аспекты создания сайтов

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

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

В зависимости от целей, сайты условно можно разделить на несколько категорий (таблица 1):

? персональные (домашние) странички;

? сайт-визитки;

? информационные сайты;

? промо-сайты;

? сайт-фотогаллереи;

? информационные Интернет-издания, СМИ;

? корпоративные представительства;

? информационные сайты предприятий и организаций;

? крупные информационные порталы.

? корпоративные сайты;

? Интернет-магазины.

Таблица 1 — Виды сайтов

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

В общем случае сайты можно классифицировать следующим образом (рисунок 1).

Рисунок 1 — Классификация сайтов

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

Таблица 2 — Современные технологии создания сайтов

Рассмотрим данные технологии подробнее.

PHP-скрипт — это скриптовый язык программирования, созданный для генерации HTML-страниц на веб-сервере и работы с базами данных. На данный момент он поддерживается практически всеми представителями хостинга, входит в «стандартный» набор для создания сайтов (LAMP — Linux, Apache, MySQL, PHP).

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

Возможности PHP очень обширны. Главным образом, PHP применяется при написании скриптов, работающих на стороне сервера; таким образом, PHP способен выполнять всё то, что выполняет любая другая программа CGI (например, обрабатывать данных форм, генерировать динамические страницы, отсылать и принимать cookies). Но PHP дает возможность выполнять также множество других задач.

Существуют три основных области, где используется PHP:

? создание скриптов для выполнения на стороне сервера;

? создание скриптов для выполнения в командной строке;

? создание приложений GUI, выполняющихся на стороне клиента.

Помимо этого PHP:

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

? включает поддержку большей части веб-серверов (для большинства серверов PHP поставляется в качестве модуля, для других, поддерживающих стандарт CGI, PHP может функционировать в качестве процессора CGI);

? поддерживает обширный круг баз данных;

? поддерживает DBX для работы на абстрактном уровне (таким образом можно работать с любой базой данных, использующих DBX); ODBC (т.е. вы можете работать с любой базой данных, поддерживающей этот стандарт);

? поддерживает «общение» с другими сервисами с использованием различных протоколов: LDAP, IMAP, SNMP, NNTP, POP3, HTTP, COM (на платформах Windows), а также многих других;

? поддерживает стандарт обмена сложными структурами данных WDDX;

? поддерживает объекты Java, дает возможность использовать их в качестве объектов PHP;

? дает возможность формировать изображения, файлы PDF, ролики Flash, создаваемые «на лету»; способен выдавать любые текстовые данные (XHTML, другие XML-файлы); автоматически генерировать и сохранять в файловой системе вашего сервера;

? включает средства обработки текстовой информации, начиная с регулярных выражений Perl или POSIX Extended и заканчивая парсером документов XML;

? поддерживает многие другие расширения (функции поисковой машины mnoGoSearch, функции IRC Gateway, функции для работы со сжатыми файлами (gzip, bz2), функции календарных вычислений, функции перевода и др.)

Java Script — это пока еще относительно молодой язык программирования, но уже очень популярный в области технологий создания сайтов. На данный момент, работа над ним еще не закончена. Он постоянно дорабатывается и совершенствуется. Технический комитет работает над существенными расширениями, включая механизмы для сценариев, которые будут созданы для применения в Internet, а также более жесткой координацией с другими основными стандартами групп World Wide Web Консорциум и Wireless Application Protocol Форум. Java Script уже сыграл очень важную роль в развитии технологий создания сайтов. В настоящее время используется стандарт ECMA-262, включающее мощные регулярные выражения, лучшую обработку строк, новые инструкции контроля, управления, перехват и обработку исключительных ситуаций, более жесткое определение ошибок, форматирование для числового вывода и незначительные изменения в ожидании ввода средств многоязычности и будущего развития языка.

HTML — этот язык является базовым в области технологий создания сайтов, так как относительно легок в освоении. Но чрезмерная простота является и его недостатком. HTML (от английского Hyper Text Markup Language — язык разметки гипертекста) прекрасно отвечал требованиям раннего периода развития технологий создания сайтов, но с дальнейшим его развитием возникли существенные проблемы. HTML предоставляет следующие возможности:

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

? получать информацию из сети через ссылки гипертекста при нажатии кнопки;

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

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

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

Язык HTML предназначен для формирования и оформления страниц текста, который предназначен для просмотра в сети Интернет с помощью специальных программ — браузеров (основные из них Netscape Navigator (фирмы Netscape) и Internet Explorer (фирмы Microsoft). В данном случае, под страницей подразумевается отдельный файл со специальными метками, которые указывают браузеру, как именно должен быть отображен на экране и в распечатке текст, содержащийся в этом файле. Помимо этого, могут еще присутствовать ссылки на файлы с графическими изображениями, которые будут отображаться вместе с текстом при просмотре.

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

СУБД и MySQL. SQL (от Structured Query Language — структурированный язык запросов) — создан для работы с реляционными базами данных. Он позволяет пользователям взаимодействовать с базами данных (просматривать, искать, добавлять, управлять данными). MySQL — многопользовательский, многопоточный сервер базы данных SQL. Имеет хорошую скорость и гибкость, если использовать его для хранения изображений и файлов. MySQL соответствует спецификации ANSI 92 SQL.

Его преимущества:

? поддержка нескольких одновременных запросов (многопоточность).

? возможность записи фиксированной, а также переменной длины.

? оптимизация связей с присоединением многих данных за один проход.

? гибкая система паролей и доступов.

? ODBC драйвер в комплекте с исходником.

? данные хранятся в формате ISO8859₁.

? интерфейс с языками C и perl.

? легко управлять таблицей (включая добавление и удаление ключей и полей).

? до 16 ключей в таблице (в каждом ключе до 15 полей).

? поддержка ключевых полей, а также специальных полей в операторе CREATE.

? поддержка чисел длинной от 1 до 4 байт (ints, float, double, fixed), строк переменной длины и меток времени.

? утилита проверки и ремонта таблицы (isamchk).

? быстрая система памяти, основанная на потоках.

? при работе со строками регистр символов в обрабатываемых строках роли не играет.

? псевдонимы применимы не только к таблицам, но также к отдельным колонкам в таблице.

? Все поля имеют значение по умолчанию. INSERT можно использовать на любом подмножестве полей.

Основные достоинства MySQL — скорость, устойчивость и легкость в использовании.

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

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

1.3 Средства реализации и разработки сайтов Сегодня в помощь создателю сайта существует много различных инструментов — редакторы, утилиты проверки кода, и т. п. К тому же, появилась возможность проверить работоспособность проекта перед загрузкой его на сервер. Будем говорить о программах, которые могут понадобиться при проектировании сайта:

WYSIWYG редакторы:

? пакет Microsoft Office ранее содержал программу Microsoft FrontPage, которая создавала хоть и «кривой» код, но легким путем. Зачастую сайт корректно отображался лишь Internet Explorer пятой и шестой версии. Теперь проект закрыт и начинающие пользователи используют Microsoft Word, который создает ещё более ужасный код;

? DreamWeaver, ранее принадлежавший компании Macromedia, а теперь купленный Adobe, создает красивый и удобочитаемый код. Конечно, он хуже написанного вручную, но из WYSIWYG редакторов — он обоснованно лидирует;

? Adobe GoLive CS — программа для разработки профессиональных Web — страниц. совместима с форматами файлов Photoshop, Illustrator, Acrobat;

? Antenna Web Desing Studio — Программа для быстрого создания веб — страниц;

? NetObjects Fusion — очень прост в освоении и нагляден, в то же время обладает вполне профессиональными возможностями;

? Serif WebPlus — очень простая программа для создания сайтов любой сложности;

? OpenOffice.org тоже имеет инструмент для создания Web-страниц. По реализации примерно соответствует Microsoft Word;

? Mozilla Composer является частью браузера Mozilla и предназначен для создания страниц в визуальном режиме. Бывает, что страницы корректно читаются потом только, собственно, в Mozilla;

HTML-редакторы:

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

? Macromedia HomeSite — редактор HTML/XML;

? Notepad++ специально не ориентирован на разработку Web-страниц, но подсвечивать синтаксис умеет;

? QuantaPlus — тоже достаточно хороший редактор html-кода. В Linux используют чаще всего именно его. Хорошая реализация, поддержка подключаемых модулей;

? BlueFish — редактор с подсветкой синтаксиса для Linux. Поддерживает js, php, html, css и т. п. Есть примеры готовых решений и инструменты проверки кода.

Более подробное описание представлено в приложении А.

Создание PHP/Perl:

? Zend Studio создан для работы с PHP-проектами. Теоретически можно использовать любой html-редактор;

? PHP Expert Editor — редактор PHP-файлов с богатыми возможностями.

? DzSoft PHP Editor — мощный инструмент для написания, редактирования и отладки PHP сценариев и HTML страниц.

? DzSoft Perl Editor — инструмент для записи, редактирования, и отладки Perl-скриптов с удобным и инутитивно понятным интерфейсом.

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

Для PHP проектов лучше всего использовать DenWer, для ASP проектов — Microsoft IIS, который входит в дистрибутив Windows.

Локальные серверы:

? DenWer — пакет программ для локального поднятия и разработки сайта на PHP+MySQL. Очень маленький размер и очень большая функциональность;

? XAMPP (+дополнения) — один из лучших. Большой набор сервисов, небольшой дистрибутив и удобное управление.

? AppServ — более простой чем XAMPP, преимущество перед ним — меньший размер, в следствии чего немного урезан по функционалу.

? TopServer — бесплатный полнофункциональный сервер приложений: Apache + PHP + MySQL + PERL + SQLite + FTP в одном пакете.

Кроме того, существуют конструкторы сайтов. Они имеют следующие преимущества:

? экономия времени;

? время, затрачиваемое на создание сайта — минимально. Создание хорошего сайта за 1 — 2 дня абсолютно реально;

? готовая техническая база;

? система уже настроена и оптимизирована для вашего сайта. нет затрат на домен и создание системы управления сайтом;

? также мы можем нарисовать индивидуальный дизайн вашего сайта;

? гибкая настройка дизайна сайта;

? можно выбрать готовый дизайн или использовать свой вариант. все элементы сайта настраиваются;

? групповая работа;

? можно создавать любое количество пользователей и назначать им индивидуальные права доступа: на новости, статьи, структуру и др.;

? экономия финансов.

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

Таблица 3 — Сравнительная характеристика конструкторов для создания сайтов

Таким образом, создание web-сайтов, их поддержка и развитие осуществляется с помощью специализированного программного обеспечения. Сейчас на рынке программного обеспечения представлено большое количество продуктов для создания Web-страниц или HTML-документов. Достаточно востребованным для создания Web-сайтов является ряд визуальных приложений, называемых WYSIWYG-редакторами и бесплатных конструкторов сайта.

2. Разработка сайта для ООО «Хлеб»: практические аспекты

2.1 Обоснование потребности в web-сайте Общество с ограниченной ответственностью «Хлеб» (с 01.01.06, до этого ООО «Торгсервис») было организовано на базе ОАО «Хлебопек» (ранее Ковылкинский хлебозавод). Предприятие специализируется на выпуске хлебобулочных изделий. Основными потребителями продукции ООО «Хлеб» являются жители г. Ковылкино и Ковылкинского района, а также ЦРБ «Ковылкинская», ООО «Айсберг», индивидуальные предприниматели. Основными конкурентами ООО «Хлеб» являются ООО Торговый дом «Колос», ЧП Маргарян, ЧП Лукин, а также производители города Саранска и города Пензы. Среди поставщиков можно выделить ОАО «Атемарская» птицефабрика; ОАО «Мордовский комбинат хлебопродуктов»; ООО «Кондитер — Снаб»; ООО «Здоровье»; ГУП «Дрожжевой завод» Пензенский; ООО «Фагот».

Главной задачей ООО «Хлеб» является выполнение плана по реализации хлеба и хлебобулочных, кондитерских изделий; выполнение плана прибылей. ООО «Хлеб» имеет право:

— оказывать услуги предприятиям, организациям согласно заключенным договорам;

— покупать, продавать другим предприятиям и организациям, сдавать гражданам в аренду, предоставлять во временное пользование здания, сооружения, транспортные средства, инвентарь и другие материальные ценности, а также списывать имеющееся на балансе имущество;

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

Общие сведения об ООО «Хлеб» отражают следующие данные: общая площадь всех производственных и административных площадей предприятия составляет 7200 м², предприятие расположено в юго — восточной части города, имеются хорошие подъездные пути для автомобильного транспорта. В 2012 году общая численность работников предприятия составила 80 человек, из них 20% всего персонала — управляющие различных уровней, 10% - обслуживающий персонал и 70% - рабочие основного производства. По возрасту сотрудников ООО «Хлеб» можно разделить на три категории: до 35 лет — 35%, от 35 до 50 лет — 45%, свыше 50 лет — 20% сотрудников. Из общего количества сотрудников работающих на предприятии составляет женщин — 50 человек (около 62,5%), а мужчин — 30 человек (около 37,5%).

Предприятие стабильно работает с 2003 года. ООО «Хлеб» выпускает следующие наименования продукции: хлеб белый (из муки высшего сорта), хлеб сеяный (из муки 1 сорта), хлеб ржаной, хлеб бородинский (с добавлением отрубей), батон нарезной, батон с маком, батон с маком «Плетенка», батон «Ромашка», баранки сдобные, кексы с изюмом, торты бисквитные, пирожное «Корзинка», печенье «Сдобное», пряники: мятные, пряники шоколадные, пряники с начинкой и другие кондитерские изделия.

В ООО «Хлеб» разрабатываются новые виды кондитерских изделий. Это торты и пирожные: бисквитно — кремовые; песочные; медовые; заварные; воздушные; крошковые; слоеные.

За последние 3 года на предприятии происходит постепенное наращивание объемов производства, в связи с чем возникла необходимость расширения связей с поставщиками и рынками сбыта (таблица 4).

Таблица 4 — Динамика объема производства продукции ООО «Хлеб»

Данные таблицы говорят о том, что производство хлебобулочной продукции в 2013 г. увеличилось на 19,4% по сравнению с 2011 г. Значительно возросло производство кондитерских изделий (на 38,5%).

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

Рисунок 2 — Преимущества, которое дает наличие сайта у организации

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

Создание веб-сайта включает в себя следующие основные этапы:

— формирование направлений работы создания сайта;

— выбор инструментального средства для создания сайта;

— разработка структуры сайта;

— разработка стиля сайта;

— заполнение соответствующим материалом страниц;

— отладка работы страниц.

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

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

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

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

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

При отладке работы страниц проверяется, как работает система навигации, как выглядит шрифт текста на страницах.

Таким образом, в настоящее время сайт — необходимое средство коммуникации для любой компании. Потребность в web-сайте у ООО «Хлеб» вызвана возросшими объемами производства хлебобулочной продукции, что в свою очередь повлекло за собой определение новых рынков сбыта, новых покупателей и т. д.

2.2 Цель разработки сайт конструктор отладка компьютер Если еще несколько лет назад сайт для организации являлся лишь определенным элементом имиджа, то сегодня собственный Интернет-ресурс стал обязательным инструментом любой компании для продвижения на рынке. В наш век информационных технологий все больше людей предпочитают искать интересующие их товары или услуги во всемирной паутине. Компьютер с доступом в Интернет имеется практически в каждом доме или офисе, поэтому крупные и небольшие компании стремятся обзавестись собственным представительством в этом огромном мире. Сайт становится своеобразной визитной карточкой или лицом фирмы, позволяя потенциальным потребителям и деловым партнерам в оперативном и удобном режиме получить весь объем информации, касающейся характеристик продукции или предоставляемых компанией услуг.

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

Создание и поддержка web-сайта предоставляет компании массу преимуществ:

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

? эффективный инструмент для продвижения и укрепления имиджа компании на рынке;

? возможность простого и быстрого обновления актуальной информации на сайте;

? доступность Интернет-ресурса двадцать четыре часа в сутки для привлечения потенциальных потребителей;

? сокращение расходов на другие виды рекламоносителей.

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

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

Аудитория Интернета — это активные люди в возрасте 18 — 35 лет, которые могут стать потенциальными клиентами любой компании. Благодаря регистрации в каталогах и работе по обеспечению лидирующих позиций сайта в поисковых системах по ключевым словам становится возможным значительно повысить интерес к продукции компании и увеличить количество продаж предприятия.

Таким образом, сайт компании — это эффективный и недорогой инструмент маркетинга, грамотное использование которого способствует привлечению новых клиентов из огромной Интернет-аудитории. Разработка информационного web-ресурса для ООО «Хлеб» имеет важное значение и позволит организации привлечь внимание потенциальных покупателей к своей продукции. Техническое задание представлено в приложении Б.

2.4 Описание алгоритма создания сайта Алгоритм создания сайта — это упорядоченная последовательность действий, результатом которых является готовый веб-сайт.

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

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

Поэтому при создании web-сайта ООО «Хлеб» первым шагом в плане будет:

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

2) постановка цели. Нужно сформулировать одну главную цель, которая должна быть достигнута в результате. Если планируем получить имиджевый ресурс с эффектной графикой и большим количеством анимации, то вряд ли он сможет быть при этом Интернет-магазином по поставке электротехники или мощным новостным ресурсом. Цель должна быть измеряема! То есть — конкретное количество посетителей, конкретные действия этих посетителей на сайте, конкретные деньги, на которые увеличится оборот предприятия;

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

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

5) проектная документация. Создание сайта начинается с составления проектной документации. Иногда она может занимать несколько десятков, а то и сотен (в случае крупных проектов) страниц. Нужно внимательно ознакомиться со всеми предоставленными документами завода, выяснить и уточнить непонятные моменты;

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

Нужно соблюдать правильную последовательность действий. Создавать окончательный дизайн, когда не готов контент (содержание сайта), писать проектную документацию, когда не сформулированы основные цели и задачи сайта значит потратить в итоге в 2 — 3 раза больше времени на переделку сделанного, либо получить не тот сайт, который нам нужен. Не нужно менять постановку задачи в процессе разработки.

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

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

? информативным (интересный контент);

? строгим (разумный минимализм);

? простым (как всё гениальное);

? непохожим на других (креативным).

? эффективным (приносящий пользу или прибыль).

При разработке web-сайта ООО «Хлеб» были проделаны следующие действия:

? шаг 1 — определение цели создания web-сайта и его актуальность для предприятия ООО «Хлеб»;

? шаг 2 — подготовка используемого материала, то есть материала для размещения информации о предприятии, производимой продукции;

? шаг 3 — подготовка аналитического материала, то есть подбор фото, позволяющих максимально четно показать продукцию магазина. Для редактирования фото использовался графический редактор Adobe Photoshop CS5;

? шаг 4 — разработка (подбор шаблона) макета web-сайта (сайта);

? шаг 5 — анализ средств и инструментов для создания сайта предприятия;

? шаг 6 — заполнение страниц шаблона текстом и графическим материалом;

? шаг 7 — проверка работы сайта;

? шаг 8 — отладка исходного кода;

? шаг 9 — оформление документации.

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

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

Подготовка аналитического материала (третий этап) включала в себя подбор и составление фото продукции. Затем фото обрабатывались в графическим редакторе для лучшего восприятия.

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

На пятом этапе производился анализ средств и инструментов для создания сайта предприятия. Был сделан выбор из нескольких систем (конструкторов) создания сайта.

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

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

На восьмом шаге отладка исходного кода заключалась в форматировании страниц, а именно производилось выравнивание по ширине страницы, изменение размера и цвета шрифта и т. д.

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

Для программы данного дипломного проекта алгоритм был записан в виде блок-схем, представленный в приложении Б.

2.5 Описание программы В данном дипломном проекте разработан web-сайта для ООО «Хлеб».

Для обработки графического мтаериала был использован Adobe Photoshop CS5. Adobe Photoshop — многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. Часто эту программу называют просто Photoshop. В настоящее время Photoshop доступен на платформах Mac, Windows и мобильные системы iOS и Android. Ранние версии редактора были портированы под SGI IRIX, но официальная поддержка была прекращена, начиная с третьей версии продукта. Для версий 8.0 и CS6 возможен запуск под Linux с помощью альтернативы Windows API-Wine. Несмотря на то, что изначально программа была разработана как редактор изображений для полиграфии, в данное время она широко используется и в веб-дизайне. В более ранней версии была включена специальная программа для этих целей — Adobe ImageReady, которая была исключена из версии CS3 за счёт интеграции её функций в сам Photoshop, а также включения в линейку программных продуктов Adobe Fireworks, перешедшего в собственность Adobe после приобретения компании Macromedia.

Photoshop тесно связан с другими программами для обработки медиафайлов, анимации и другого творчества. Совместно с такими программами, как Adobe ImageReady (программа упразднена в версии CS3), Adobe Illustrator, Adobe Premiere, Adobe After Effects и Adobe Encore DVD, он может использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания таких спецэффектов, как фоны, текстуры и т. д. для телевидения, кинематографа и всемирной паутины. Photoshop также прижился в кругах разработчиков компьютерных игр.

Основной формат Photoshop, PSD, может быть экспортирован и импортирован всеми программными продуктами, перечисленными выше. Photoshop CS поддерживает создание меню для DVD. Совместно с Adobe Encore DVD, Photoshop позволяет создавать меню или кнопки DVD. Photoshop CS3 в версии Extended поддерживает также работу с трёхмерными слоями.

Из-за высокой популярности Photoshop поддержка специфического для неё формата PSD была реализована во многих графических программах, таких как Macromedia Fireworks, Corel PHOTO-PAINT, WinImages, GIMP, Corel Paint Shop Pro и других.

Photoshop поддерживает следующие цветовые модели или способы описания цветов изображения (в нотации самой программы — режим изображения): RGB, LAB, CMYK, в градациях серого, черно-белые, Duotone, с 256-цветовой палитрой (Indexed), Многоканальные (Multichannel).

Поддерживается обработка изображений, с глубиной цвета 8 бит (256 градаций на один канал), 16 бит (используется 15 битов плюс один уровень, то есть 32 769 уровней) и 32 бит (используются числа одинарной точности с плавающей запятой). Первая версия появилась в 1987 году. Её создал студент Мичиганского университета Томас Нолл (Thomas Knoll) для платформы Macintosh. Он назвал её Display, но в 1988 году переименовал в ImagePro. В сентябре 1988 год Adobe Systems купила права на программу, оставив разработчиком Томаса Нолла (Thomas Knoll). В следующем (1989 году) году программу переименовали в Photoshop. В 1990 году появился Photoshop 1.0.

Последние версии включают в себя Adobe Camera RAW — плагин, разработанный Томасом Ноллом (Thomas Knoll), который позволяет читать ряд Raw-форматов различных цифровых камер и импортировать их напрямую в Photoshop.

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

Пример фото обработки в редакторе, рисунок 3.

Рисунок 3 — Фото до обработки в Adobe Photoshop

Фото после обработки, рисунок 4.

Рисунок 4 — Фото после обработки в Adobe Photoshop

Для создания сайта использовался конструктор Wix. Wix — это бесплатный «сделай сам» онлайн-конструктор сайтов, который позволяет создавать и редактировать сотни дизайнерских шаблонов сайтов бесплатно.

Этап 1. Регистрация/авторизация, рисунок 5.

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

Этап 2. Начинаем работу, выбираем шаблон.

Этап 3. Оформляем сайт, рисунок 6. Можно изменять абсолютно все элементы.

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

Добавляем текст, о компании, деятельности. В любой момент можно нажимать на «Предпросмотр» (рисунок 7), чтобы оценить внесенные изменения, на «Сохранить», чтобы действия не были утеряны Рисунок 7 — Панель управления сайтом Когда все готово, нажимаем «Публикация», и сайт появится в сети, рисунок 8. Кнопка «Upgrade» включит новые возможности по выбранному тарифу.

Рисунок 8 — После нажатия кнопки «Публикация»

Нажимаем Ок, появляется следующее окно, рисунок 9.

Рисунок 9 — Завершение создания сайта

WIX — это универсальный и единственный в своем роде конструктор Drag&Drop (перетащи и вставь) с функционалом HTML5;

? в наличии огромное количество оригинальных шаблонов;

? множество приложений расширяющих базовую функциональность;

? можно настраивать свой сайт под себя, под свой фирменный стиль.

? получение профессионального хостинга абсолютно бесплатно — даже на базовом тарифе без абонентской платы;

? присутствует возможность интеграции с социальными сетями и smo маркетинга;

? дополнительные платные тарифы premium по более чем демократичным ценам открывают новые возможности.

Преимущества Premium тарифа:

? никакой рекламы;

? подключение своего доменного имени + фавиконки;

? работа с Гугл Аналитикс;

? еще больше места под ваши данные;

? неограниченная скорость канала;

? 99,9% uptime + защита DDOS;

? гарантия качества;

? VIP поддержка.

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

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

На надежность сайта сильно влияет текущая конъюнктура рынка: активность конкурентов, качество и количество сайтов-конкурентов, спрос на конкретные товары и услуги, сезонность и т. д.