Корпоративный сайт-визитка с функцией обратной связи и админчастью

 

Федеральное агентство по образованию

ФГБОУ ВПО «Сибирский государственный индустриальный университет»

Факультет дополнительного профессионального образования

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

К выпускной квалификационной работе:

Корпоративный сайт-визитка с функцией обратной связи и админчастью

Слушатель

Недоспасов Павел Сергеевич

Руководитель Койнов Р.С.

Новокузнецк - 2012 г.

Реферат

Пояснительная записка 57 с., 6 рис., 3 табл., 12 источников.

WEB-САЙТ, WEB-СЕРВЕР, PHP, mysql, APACHE, БАЗА ДАННЫХ

Объектом исследования является специфика проектирования сайта на языке PHP с функцией обратной связи.

Цель работы состоит в выборе средств разработки и создания сайта для клуба здоровья и красоты Империя Востока. Методом работы является применение языка сценариев общего назначения с открытым исходным кодом - PHP.

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

Содержание

Определения, обозначения и сокращения

Введение

. Общая часть

.1 Классификация сайтов

.2 Проектирование сайта

.2.1 Основные этапы создания сайта

. Написание контента

.3 Обеспечение работы сайта

.3.1 Информационное обеспечение

.3.2 Программное обеспечение

.3.3 Техническое обеспечение

.4 Теоретические основы построения web сайтов

.4.1 Принцип работы web - сервера

.4.2 Язык программирования РHP в проектировании WEB-узлов

.4.3 База данных: основные понятия

.4.4 Доступ к базе данных из PHP

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

.1 Характеристика объекта проектирования сайта

.2 Обзор сайтов данного сегмента

.3 Сравнительный анализ рассмотренных ресурсов и выбор сайта-прототипа

.4 Задачи web-сайта

.5 Разработка веб-сайта

.5.1 Выбор концепции дизайна сайта

.5.2 Организация навигации сайта

.5.3 Создание базы данных

.5.4 Главная страница и структура сайта

.5.5 Создание формы обратной связи

.5.6 Блок администратора

Заключение

Список использованных источников

Приложение А. Листинг главной страницы

Приложение Б. Листинг файла «admin.php»

Определения, обозначения и сокращения

В настоящей ВКР применяют следующие термины с соответствующими определениями:

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

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

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

4. URL - Uniform Resource Location - унифицированный адрес ресурса. Стандартная форма обозначения имен файлов в Интернете и в World Wide Web, описывающая тип сетевой службы, абонентское имя компьютера и имя файла на данном компьютере, включая полный путь поиска файла.

5. БД - база данных MySQL.

Введение

Интернет - это среда, максимально ориентированная на покупателя. Его щелчок мышью решает все. Так просто перейти куда-нибудь в другое место: все конкуренты мира всего лишь на расстоянии одного щелчка.

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

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

Процесс создания сайта не ограничивается его размещением на сервере. Ваш сайт должны найти среди миллионов других. Добиться этого позволяет комплекс мер по оптимизации внутренних (HTML-код, структура, содержание) и внешних (количество и «качество» ссылающихся ресурсов) параметров называемый SEO (Search Engines Optimization). Таким образом, успех практически любого web-проекта зависит от двух компонентов: качественного содержания и грамотной рекламной политики. С помощью рекламы на сайт привлекаются новые посетители, а вот зайдут ли они к вам еще хоть раз, определяется исключительно удобством и содержанием сайта.

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

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

В рамках этого исследования решаются задачи:

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

2.осуществить обзор существующих web-технологий на предмет их использования;

.разработать корпоративный веб-сайт компании.

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

1. Общая часть

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

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

сайты-визитки

промо-сайты

интернет магазины

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

2) Некоммерческие сайты. Некоммерческие сайты создают в основном для того чтобы заявить о себе. Все некоммерческие сайты можно разделить на 2 вида.

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

Личные сайты. На данный момент этот вид сайтов самый популярный. Таким сайтом владеет в основном только один или два человека:

форумы

блоги

сайты информационные (тематические)

развлекательные.

Сайт-визитка

Сайт-визитка - обычно состоит из нескольких страниц и имеет уникальный, но простой и функциональный дизайн; идеально подходит для компаний, которые хотят разместить информацию о себе и своих услугах в Интернете; основные разделы сайта: «О компании», «Продукция <#"justify">Причина этого лежит в оптимизации сайта с целью получения более высоких мест в рейтингах поисковых машин, которые дают сайту (а значит - компании) большее количество посетителей и больший доход.

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

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

Таким образом, используя промо-сайт, а лучше несколько, получаем нелинейную зависимость трафика от затрат на создание сайта <#"justify">Самые последние события в мире зачастую раньше появляются на различных блогах, и только немного позже в сообщениях новостных интернет-изданий.

В общем можно говорить о том, что блог представляет собой странный гибрид ленты новостей, гостевой книги и форума одновременно [3].

.2 Проектирование сайта

1.2.1 Основные этапы создания сайта

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

. Изучение вопроса и техническое решение создаваемого сайта

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

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

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

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

2. Написание контента

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

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

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

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

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

. Создание сайта

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

Условно этот этап можно разделить на:

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

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

У опытных мастеров обычно уже есть заготовленные «болванки» HTML/CSS, поэтому после «нарезки» нужных элементов в Photoshop, процесс разметки может занять не так уж и много времени. Не стоит при этом забывать о красивой и правильной HTML верстке <http://design-mania.ru/web-design/html-css/vredniye-privichki/>.

Формирование страниц создаваемого сайта

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

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

.

Федеральное агентство по образованию ФГБОУ ВПО «Сибирский государственный индустриальный университет» Факультет дополнительного профессиональног

Больше работ по теме: