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

Тип работы:
Дипломная
Предмет:
Программирование


Узнать стоимость

Детальная информация о работе

Выдержка из работы

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

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

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

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

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

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

Слушатель

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

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

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

Реферат

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

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

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

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

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

Содержание

  • Определения, обозначения и сокращения
  • Введение
  • 1. Общая часть
    • 1.1 Классификация сайтов
    • 1.2 Проектирование сайта
      • 1.2.1 Основные этапы создания сайта
      • 2. Написание контента
    • 1.3 Обеспечение работы сайта
      • 1.3.1 Информационное обеспечение
      • 1.3.2 Программное обеспечение
      • 1.3.3 Техническое обеспечение
    • 1.4 Теоретические основы построения web сайтов
      • 1.4.1 Принцип работы web — сервера
      • 1.4.2 Язык программирования РHP в проектировании WEB-узлов
      • 1.4.3 База данных: основные понятия
      • 1.4.4 Доступ к базе данных из PHP
  • 2. Специальная часть
    • 2.1 Характеристика объекта проектирования сайта
    • 2.2 Обзор сайтов данного сегмента
    • 2.3 Сравнительный анализ рассмотренных ресурсов и выбор сайта-прототипа
    • 2.4 Задачи web-сайта
    • 2.5 Разработка веб-сайта
      • 2.5.1 Выбор концепции дизайна сайта
      • 2.5.2 Организация навигации сайта
      • 2.5.3 Создание базы данных
      • 2.5.4 Главная страница и структура сайта
      • 2.5.5 Создание формы обратной связи
      • 2.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-технологий на предмет их использования;

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

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

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

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

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

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

— промо-сайты

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

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

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

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

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

— форумы

— блоги

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

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

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

Сайт-визитка -- обычно состоит из нескольких страниц и имеет уникальный, но простой и функциональный дизайн; идеально подходит для компаний, которые хотят разместить информацию о себе и своих услугах в Интернете; основные разделы сайта: «О компании», «Продукция» или «Услуги», «Прайс-листы», «Контактная информация». Сайт-визитка используется предприятиями, организациями и частными лицами.

Промо-сайт

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

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

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

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

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

Корпоративный сайт

Корпоративные сайты бывают двух видов:

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

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

Интернет-магазин

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

Информационный сайт

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

Портал

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

Форум

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

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

Таким образом, сайт-форум -- хороший инструмент для проведения маркетинговых исследований рынка и раскрутки основного сайта.

Блог

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

У опытных мастеров обычно уже есть заготовленные «болванки» HTML/CSS, поэтому после «нарезки» нужных элементов в Photoshop, процесс разметки может занять не так уж и много времени. Не стоит при этом забывать о красивой и правильной HTML верстке.

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

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

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

5. Размещение сайта в Интернете

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

6. Раскрутка сайта в Интернете

Теперь реализуется ранее разработанная программа популяризации сайта в сети. Как правило, используются такие возможности по раскрутке сайта, как-то продвижение сайта в поисковых системах, контекстная реклама, баннеры и баннерные сети, PR-статьи и другие. При этом отслеживается коэффициент результативности каждого применённого вида рекламы с целью дальнейшей корректировки всей рекламной кампании [4].

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

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

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

Рисунок 1- Схема информационных потоков

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

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

— Любой редактор, способный сохранить на диске текстовый файл (для создания HTML или XHTML документов), можно использовать программы с подсветкой кода, например, Notepad или Adobe Dreamweawer.

— Web-сервер. Например — Apache HTTP server, один из наиболее распространенных кроссплатформенных серверов. Он позволяет подключать внешние модули для предоставления данных, использовать СУБД для аутентификации пользователей, модифицировать сообщения об ошибках и т. д. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов.

— СУБД MySQL. Самый популярный вид управления базой данных. Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей.

— Интерпретатор PHP — для выполнения программ, написанных на языке РНР. PHP — скриптовый язык программирования общего назначения, выполняемый на стороне сервера, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов.

— phpMyAdmin — это WEB панель управления базами данных MySQL. Панель управления написана на языке программирования PHP. На сегодняшний день дает очень большие возможности в управлении базами данных, такими, например, как создание самой MySQL базы данных, выстраивание в ней нужных таблиц, последующая корректировка, наполнение данными или исправление, добавление пользователей к существующим базам данных. Есть простейшая панель для ввода SQL команд. Панель для запроса по заданному шаблону, встроен поиск по выбранной базе данных. Менеджер структуры базы данных, который позволяет осуществлять визуальный мониторинг и корректировку таблиц MySQL. Инструменты импорта и экспорта. Утилита мониторинга текущего состояния MySQL. Данные о серверных переменных и настройках.

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

o Web-сервер Apache с поддержкой SSL, SSI, mod_rewrite, mod_php;

o Интерпретатор PHP с поддержкой GD, MySQL, sqLite;

o MySQL;

o PhpMyAdmin;

o miniPerl;

o эмулятор программы Sendmail SMTP-сервера.

1.3.3 Техническое обеспечение

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

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

1.4.1 Принцип работы web — сервера

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

Принцип работы следующий:

1. После ввода адреса в строку адреса браузер формирует запрос к серверу.

2. Браузер отправляет серверу запрос на получение страницы.

3. Сервер формирует ответ (чаще всего — HTML-код) браузеру и закрывает соединение.

4. Браузер обрабатывает HTML-код и отображает страницу.

Рисунок 2 — Схема взаимодействия браузера и web-сервера

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

При разработке Web-узлов PHP используется в качестве встроенного языка написания сценариев (embedded scripting language). Это означает, что для размещения кода PHP в HTML-файле используются специальные дескрипторы: < ?php и ?>. Т. е. HTML страницы, содержащие код PHP можно создавать и редактировать таким же образом, как и обычные страницы. Web-сервер просматривает исходный файл в режиме HTML, т. е. он никак не обрабатывает дескрипторы HTML, а отправляет их напрямую браузеру. Просмотр в режиме выполняется до тех пор, пока не будет найден открывающий дескриптор PHP < ?php. Найдя открывающий дескриптор < ?php, Web-сервер переключается в режим PHP. Все, что находится после дескриптора < ?php, интерпретируется Web-сервером как PHP-код и соответствующим образом обрабатывается. Web-сервер продолжает работу в режиме PHP до тех пор, пока не встретит закрывающий дескриптор PHP ?>. Найдя закрывающий дескриптор ?>, Web-сервер снова переключается в режим HTML [5, с. 425].

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

— echo: echo «Hello, word»;

— print: print «Hello, word»;

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

Тип данных. PHP поддерживает восемь простых типов данных (переменных):

Четыре скалярных типа:

· boolean (двоичные данные). Он выражает истинность значения — это может быть либо TRUE, либо FALSE.

· integer (целые числа). Целое это число из множества Z = {…, -2, -1, 0, 1, 2, … }, обычно длиной 32 бита (от -2 147 483 648 до 2 147 483 647). Целые могут быть указаны в десятичной, шестнадцатеричной или восьмеричной системе счисления, по желанию с предшествующим знаком (- или +).

· float (числа с плавающей точкой или 'double'). Double — вещественное число довольно большой точности (ее должно хватить для подавляющего большинства математических вычислений).

· string (строки). Строка в PHP — это набор символов любой длины. Длина строки ограничена только размером свободой оперативной памяти.

Два смешанных типа:

· array (массивы). Массив в PHP — это упорядоченный набор данных, в котором устанавлено соответствие между значением и ключом. Индекс (ключ) служит для однозначной идентификации элемента внутри массива. В одном массиве не может быть двух элементов с одинаковыми индексами.

· object (объекты). Объект является одним из базовых понятий объектно-ориентированного программирования. Для инициализации объекта используется выражение new, создающее в переменной экземпляр объекта.

Два специальных типа:

· resource (ресурсы). Ресурс — это специальная переменная, содержащая ссылку на внешний ресурс. Ресурсы создаются и используются специальными функциями.

· NULL («пустой» тип). Специальное значение NULL говорит о том, что эта переменная не имеет значения. NULL — это единственно возможное значение типа NULL (пустой тип).

Существуют также несколько псевдотипов:

· mixed (смешанный). Говорит о том, что параметр может принимать множество (но не обязательно все) типов.

· number (числовой). говорит о том, что параметр может быть либо integer, либо float.

· callback (обратного вызова) [6].

При инициализации переменной интерпретатор автоматически относит переменную к одному из типов данных. Значение переменной присваивается с помощью оператора = таким образом:

$number = 7; // integer

$number2 = 7. 8; // double

$string = «Строка»; // Переменной $string присвоено значение Строка

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

Оператор ветвления if… else.

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

Оператор ветвления if… else имеет следующий формат:

if (< Логическое выражение>) {

< Блок, выполняемый если условие истинно>

}

[elseif (< Логическое выражение>) {

< Блок, выполняемый, если условие истинно>

}]

[else {

< Блок, выполняемый, если все условия ложны>

}].

Оператор if может включать сколько угодно блоков elseif, но else в каждом if может быть только один [5, с. 522].

Оператор выбора switch

Оператор выбора switch имеет следующий формат:

switch (< Переменная или выражение>) {

case < Значение 1> :

< Выражение 1> ;

break;

case < Значение 2> :

< Выражение 2> ;

break;

default:

< Выражение>;

}

Вместо логического выражения оператор switch принимает переменную или выражение. В зависимости от значения переменной (или выражения) выполняется один из блоков case, в котором указано это значение. Если ни одно из значений не описано в блоках case, то выполняется блок default. Оператор break позволяет досрочно выйти из оператора выбора switch [5, с. 518].

Цикл while (do -while)

Циклы позволяют выполнить одни и те же выражения многократно.

Эта конструкция применяется, если нужно выполнить определенное действие пока условие верно. Например, нужно вывести на экран список товаров одной группы (мониторы). Цикл имеет следующий формат:

< Начальное значение> ;

do {

< Выражения>;

< Приращение>;

} while (< Условие>);

Последовательность работы цикла do… while.

1. Переменной-счетчику присваивается начальное значение.

2. Выполняются выражения внутри цикла.

3. Переменная-счетчик изменяется на величину, указанную в < Приращение>.

4. Проверяется условие; если оно истинно, происходит переход к п. 2, а если нет -- выполнение цикла завершается [5, с. 526].

Цикл for.

Цикл for используется для выполнения выражений определенное число раз. Имеет следующий формат:

for (< Начальное значение>; < Условие>; < Приращение>) {

< Выражения>

}

Здесь присутствуют следующие конструкции:

— < Начальное значение> присваивает переменной-счетчику начальное значение;

— < Условие> содержит логическое выражение. Пока логическое выражение возвращает значение true, выполняются выражения

— внутри цикла;

— < Приращение> задает изменение переменной-счетчика при каждой итерации.

Последовательность работы цикла for:

1. Переменной-счетчику присваивается начальное значение.

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

3. Переменная-счетчик изменяется на величину, указанную в < Приращение>.

4. Переход к п. 2.

Цикл выполняется до тех пор, пока < Условие> не вернет false. Если это не случится, цикл будет бесконечным. [5, с. 524].

Массивы.

Массив -- это нумерованный набор переменных. Переменная в массиве на-зывается элементом массива, а ее позиция в массиве задается индексом.

Инициализация массива осуществляется двумя способами:

— поэлементно:

$Mass[0] = 'Ноль';

$Mass[1] = 'Один';

$Mass[2] = 'Два';

$Mass[3] = 'Три';

Кроме того, можно не указывать индекс. PHP автоматически присвоит элементу индекс, на единицу больший последнего, то есть добавит элемент в конец массива: [5, с. 444]

$Mass[] = 'Ноль';

$Mass[] = 'Один';

$Mass[] = 'Два';

$Mass[] = 'Три';

— указав все элементы массива сразу:

$Mass = array ('Ноль', 'Один', 'Два', 'Три');

Функции

Функция -- это фрагмент кода PHP, обладающий уникальным именем и предназначенный для решения конкретной задачи, который можно вызвать из любого места программы. Функция описывается с помощью ключевого слова function по следующей схеме: [5, с. 503]

function < Имя функции> ([< Параметры>]) {

< Тело функции>

[return < Значение>]

}

Передача данных

Для взаимодействия с пользователем нужно получать некоторую информацию от него. Самые распространенные методы GET и POST.

Метод GET

Метод GET посылает всю собранную информацию как часть адреса. В теле ссылки, после названия файла необходимо поставить знак вопроса «?» и после него указывать имя переменной. Если переменная не одна, то после указания одной переменной ставится знак «&» и указывается следующая переменная. Например, при использовании метода GET, после передачи информации URL примет следующий вид:

http: //домен. ru/script. php? num=10.

Передаваемые переменные записываются в специальный массив $_GET.

При выборе метода GET следует учитывать факторы:

— метод GET ограничивает объем передаваемой информации;

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

Метод POST

Для отправки данных методом POST нужно использовать HTML-формы. За способ отправки данных формы отвечает атрибут method тега form. Поэтому нужно в атрибуте method тега form указать значение POST. В остальном форма может быть та же, как и для метода GET.

После ввода данных нажатием кнопки «отправить» данные записываются в массив $_POST. В ячейках $_POST[] находятся передаваемые данные, внесенные с помощью HTML-формы. После этого массив передается второму PHP — файлу. В PHP в независимости, каким способом были отправлены данные — методом POST или методом GET — получить данные можно используя массив $_REQUEST [7].

Глобальный массив $_SERVER

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

Операторы require и include.

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

require (< Имя файла>);

include (< Имя файла>);

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

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

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

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

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

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

Установка соединения.

Для установки соединения используются две функции:

mysql_connect (< Имя хоста>, < Имя пользователя>, < Пароль>);

mysql_pconnect (< Имя хоста>, < Имя пользователя>, < Пароль>);

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

Функция mysql_connect () устанавливает обычное соединение с сервером MySQL. Обычное соединение закрывается, когда сценарий завершает работу или когда вызывается функция mysql_close ():

mysql_close (< Идентификатор>);

Функция mysql_pconnect () устанавливает постоянное соединение с сервером MySQL [5, с. 702].

Выбор базы данных.

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

mysql_select_db (< Имя базы данных>, [< Идентификатор>]);

Параметр < Идентификатор> можно не указывать. По умолчанию будет ис-пользоваться последнее открытое соединение [5, с. 704].

Выполнение запроса к базе данных.

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

mysql_query (< SQL-запрос>, [< Идентификатор>]);

Выполнить запрос позволяет SQL-команда:

SELECT < Поле1>, < Поле2>, …

FROM < Имя таблицы>

[ WHERE < Условие1> ]

SQL-команда SELECT ищет все записи в таблице < Имя таблицы>, которые удовлетворяют выражению < Условие1>. Если конструкция WHERE < Условие1> не указана, то будут возвращены все записи из таблицы < Имя таблицы>. Вместо перечисления полей можно указать символ *. В этом случае будут возвращены все поля.

Данные из базы, в результате работы функции в виде таблицы записываются в переменную $result, но PHP не может работать с таблицами напрямую. Для того, чтобы работать с данными необходимо использовать функцию mysql_fetch_array (). Данная функция позволяет из выбранной таблицы с данными взять одну строку и записать ее в массив. Для этого необходимо ввести следующий код: $row= mysql_fetch_array ($result). В массив $row записывается первая строка с данными. Для вывода на экран нескольких строк с данными используется цикл, например for. [5, с. 704].

Обработка результата запроса.

Для обработки результата запроса используются следующие функции:

— mysql_num_rows (< Идентификатор результата>) возвращает количество записей в результате;

— mysql_num_fields (< Идентификатор результата>) возвращает количество полей в результате;

— mysql_result () позволяет получить доступ к отдельному полю по указанному номеру строки. Нумерация строк начинается с нуля;

— mysql_fetch_array (< Идентификатор результата>) возвращает результат в виде списка и ассоциативного массива;

— mysql_fetch_row (< Идентификатор результата>) возвращает результат в виде списка;

— mysql_fetch_assoc (< Идентификатор результата>) возвращает результат в виде ассоциативного массива;

— mysql_fetch_object (< Идентификатор результата>) возвращает результат в виде объекта [5, с. 706].

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

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

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

Компания Империя Востока организована в 1998 году, и уже 14 лет работает на рынке оздоровительных услуг города Новокузнецка. Основные направление деятельности:

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

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

— китайский массаж;

— тайский массаж;

— аюрведический массаж;

— консультации по фэн-шуй;

— учение о космоэнергетике;

— методы восполнения энергии;

— прикладные семинары.

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

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

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

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

— Сайт компании «Йога Центр» (Новокузнецк, Россия)

Адрес сайта: http: //www. yogacentre. ucoz. ru. Сайт выполнен с использованием бесплатного сервиса — конструктора сайтов — uCoz, предоставляющего также бесплатный хостинг. На сайте реализованы:

— форма регистрации посетителей;

— разделы — Контакты — с указанием места нахождения на карте г. Новокузнецка, Правила Йога Центра, Расписание занятий, Группы, О нас, Наши инструктора.

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

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

— Сайт компании «Студия йоги Айенгара» (Новокузнецк, Россия)

Адрес сайта: http: //www. skz-nk. ru. Сайт выполнен на CMS Joomla. Несмотря на то, что компания «Студия йоги Айенгара» позиционируется именно как центр йоги, в шапке сайта указано: «Салон Красоты и Здоровья ОАО НЗРМК им. Н.Е. Крюкова», и студии йоги посвящена только одна вкладка в меню сайта.

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

— Сайт компании «Сундари» (Новокузнецк, Россия)

Адрес сайта: http: //www. yoga-nk. ru. Помимо основных разделов на сайте есть раздел Новости, раздел Направления йоги, рассказывающий о существующих видах практики. В целом от сайта не возникает ощущения перегруженности или незаполненности. Представленная фотогалерея предусматривает просмотр фотографий в увеличенном масштабе.

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

— Сайт компании «Yoga-Centre Романа Катушева» (Новокузнецк, Россия)

Адрес сайта: http: //www. yogacentre. narod. ru. У компании разработан фирменный логотип, приведенный на главной странице. Дизайн сайта выполнен достаточно креативно — фоном для главной странице выбрано растровое изображение, характеризующее направленность сайта. Сайт имеет группу в ресурсе «В контакте».

Недостатки:

— как таковая информация о компании на сайте отсутствует;

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

В целом сайт выполнен как страничка перенаправляющая посетителей в соответствующую группу «В контакте».

Неоспоримым преимуществом данного сайта является встроенный видеоролик с занятий.

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

Половина из рассмотренных сайтов выполнена с использованием бесплатных конструкторов — uCoz и narod. yandex. ru. Остальные написаны с применением CMS. Информация этих сайтов хранится на бесплатном хостинге предоставившем площадку для создания сайта или в базах данных соответственно.

Для сайта компании, занимающейся восточными практиками важными составляющими являются:

— информация о компании;

— описание практик и получаемый эффект;

— яркий, привлекающий дизайн;

— расписание занятий и стоимость;

— контактная информация с указанием места нахождения;

— функция обратной связи.

Сравнительный анализ исследуемых сайтов по указанным характеристикам выполнен в Таблице 1.

Информация о компании

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

Таблица 1

Сравнительный анализ характеристик сайтов

Рассматриваемые компании

Функции, необходимые создаваемому сайту

Информация о

компании

Описание практик и получаемый эффект

Яркий, привлекающий дизайн

Расписание занятий и стоимость

Контактная информация с указанием места нахождения

Функция обратной связи

Йога Центр

V

V

V

V

Студия йоги Айенгара

V

V

V

V

Сундари

V

V

V

V

V

V

Yoga-Centre Романа Катушева

V

V

Описание практик и получаемый эффект

Описание предлагаемых практик присутствует почти на всех сайтах, если не в явном виде, то как ссылка на соответствующие ресурсы, как на сайте «Йога Центр». На сайте «Студия йоги Айенгара» приведены общие сведения без конкретизации содержания проводимых занятий. Достаточно полное описание предлагаемых техник присутствует на сайте компании «Сундари».

Яркий привлекающий дизайн

Реализован только на сайтах «Сундари» и «Yoga-Centre Романа Катушева». Сайт «Студия йоги Айенгара» не является специализированным, интересующему разделу посвящена только одна страница.

Расписание занятий и стоимость

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

Контактная информация с указанием места нахождения

Современный уровень интернет-технологий позволяет встраивать на сайт карту местности для более быстрой ориентации посетителя ресурса о местонахождении компании. Этому призваны помочь Яндекс. Карты, Google Maps и другие геоинформационные системы.

Функция обратной связи

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

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

2.4 Задачи web-сайта

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

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

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

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

4. более высокая скорость обратной связи.

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

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

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

Рисунок 3 — Эскиз расположения основных блоков главной страницы

На остальных страницах рабочее пространство делится на 3 основных блока. Макет типовой страницы сайта представлен на рисунке 4.

Рисунок 4 — Структура страницы сайта

Верхний и нижний графические элементы, так называемые «шапка» и «подвал» на каждой странице индивидуальны. В «шапке» рядом с логотипом располагается наименование страницы. Основные цвета используемые при выполнении дизайна сайта — красный и белый. Красный — самый сильный по энергетике цвет, олицетворяет могущество, прорыв, волю к победе, он всегда добивается того, чего хочет. Белый цвет характеризуется совершенством и завершенностью, демонстрирует абсолютное и окончательное решение, полная свобода для возможностей и снятие препятствий. Его фундаментальное качество — равенство, т.к. заключает в себе все цвета, они в нем равны [9].

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

Для основной навигации решено сделать одноуровневое вертикальное меню (Рисунок 5). Данный тип навигации выбран для удобства пользователей сайта. Элементы меню по сути являются ссылками с присущим синтаксисом: <a href="URL">… </a>.

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

Рисунок 5 — Главное меню сайта (блок справа)

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

ПоказатьСвернуть
Заполнить форму текущей работой