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

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

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

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

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

Центр повышения квалификации и профессиональной переподготовки специалистов

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

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

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

Слушатель Базайкина Дарья Юрьевна

Руководитель Куксов Игорь Анатольевич

Директор ЦПК и ППС доцент Морин Сергей Викторович

Декан факультета доцент Шарафутдинов Ринат Яковлевич

Новокузнецк 2010 г.

Содержание

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

Введение

1. Основная часть

1.1 Обзор типов сайтов

1.2 Обеспечение работы веб-сайта

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

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

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

1.3 Теоретические основы построения веб-сайтов

1.3.1 Принципы работы веб-сервера

1.3.2 Основы программирования на языке PHP

1.3.3 Основы работы с базой данных

1.3.4 Динамический веб-сайт

1.3.5 Взаимодействие PHP сайта с базой данных MySQL

2. Практическая часть

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

2.2 Обзор и анализ существующих разработок

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

2.4 Задачи веб-сайта

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

2.5.1 Построение базы данных сайта

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

2.5.3 Организация обратной связи на сайте

Заключение

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

Приложение А Шаблонная страница сайта index.php

Приложение Б Каскадная таблица стилей template.css

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

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

1. WWW - world wide web - гипертекстовая среда Интернет, объединяющая мультимедийные документы средствами гипертекста. Пользователи могут переходить от одних документов к другим с помощью гипертекстовых ссылок.

2. DNS-сервер - Domain name system server- специальные компьютеры, известные серверы системы доменных имен. Хранят таблицы имен машин с ассоциированными с ними IP-адресами и переводят их в друг в друга для человеческих и компьютерных нужд.

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

4. HTML - hypertext mark-up language - язык разметки гипертекста. Система кодов для разметки документов. Применяется для документов, циркулирующих в среде World Wide Web. Основная задача HTML - определить структуру документов и семейств документов так, чтобы они могли быть легко и быстро доставлены пользователю по сетям и отображены на самых разных дисплеях.

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

Введение

сайт проектирование полиграфический

К середине 2008 года число пользователей, регулярно использующих Интернет, составило около 1,5 млрд человек (около четверти населения Земли). Вместе с подключенными к нему компьютерами, Интернет служит основой для развития «информационного общества». Огромное количество пользователей одна из главных причин развития Интернета как средства коммуникации в сфере бизнеса, Интернет помогает связать «продавца» и «потребителя». Коммерция в Интернете превратилась в серьезный бизнес. Сеть Интернет позволяет обмениваться информацией с контрагентами, которые могут находиться как за соседней дверью, так и на краю света. Что делает Интернет уникальным, так это всемирное собрание цифровых телекоммуникационных связей, применяющих общий набор компьютерных сетевых технологий, протоколов и приложений.

Веб-сайты иначе называют интернет-представительством человека или организации. Веб-сайт (от англ. website: web - «паутина», «сеть» и site - «место») - в компьютерной сети объединённая под одним адресом (доменным именем или IP-адресом) совокупность электронных документов (файлов) частного лица или организации. Все веб-сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое - базу данных и коммуникации планетарного масштаба.

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

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

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

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

Задачи:

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

систематизировать данные по разработке веб-сайтов и их продвижению в сети Интернет;

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

Метод исследования: изучение документов, литературы, экспериментальная работа.

1. Основная часть

1.1 Обзор типов сайтов

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

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

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

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

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

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

Корпоративный сайт отличает более строгий дизайн, обычно выполненный в фирменном стиле компании.

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

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

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

Интернет-магазин, пожалуй, один из самых популярных сегодня типов интернет-ресурсов, создаётся с целью облегчения процессов покупки. Основной упор при его разработке делается на функциональность: коммерческий сайт должен располагать удобным и эффективным интерфейсом. Интернет-магазины (торговые системы класса «business to customer») предоставляют возможность продаж через Интернет конечному покупателю, рядовому потребителю товаров и услуг.

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

- Информационный портал

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

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

1.2 Обеспечение работы веб-сайта

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

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

Постоянное информационное обеспечение сайта -- залог успеха и эффективности интернет-проекта. Для эффективной работы сайта требуется постоянное развитие и обновление, которое достигается информационным обеспечением сайта в комплексе с другими методами поддержки сайта (технической поддержкой сайта, SEO-оптимизацией, регистрацией сайта в тематических каталогах и поисковых системах). Информационное обеспечение сайта актуальной свежей информацией, ведение новостных лент, периодической рассылки, создание форумов, блогов, FAQ разделов и других интерактивных систем привлекает внимание посетителей, дает им интересную и актуальную информацию, побуждает возвращаться на сайт. [3]

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

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

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

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

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

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

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

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

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

- PhpMyAdmin - это некоммерческое приложение написанное на PHP и обеспечивающее полноценную, в том числе удаленную, работу с базами данных MySQL через броузер. Так как phpMyAdmin позволяет во многих случаях обойтись без непосредственного ввода команд SQL, то работа с базами данных становится вполне посильной задачей даже для человека весьма поверхностно знакомого с MySQL. PhpMyAdmin может управлять как целым MySQL сервером (для этого необходимы права супер-пользователя), так и отдельной базой данных. PhpMyAdmin не хранит информацию об учетных записях mysql-пользователей, и не управляет ими самостоятельно (ему лишь разрешается управлять информацией учетной записи). Когда пользователь входит в phpMyAdmin, то логин и пароль передаются непосредственно MySQL-серверу. [6]

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

Для построения сайта, необходимо иметь компьютер с операционной системой Windows или Unix, также понадобится установить на компьютере популярный браузер, который хотя и не нужен для создания документов, но необходим, чтобы видеть результаты работы. Причина проста: исходный текст, составленный с помощью текстового редактора, выглядит совсем непохоже на то, что покажет браузер, хотя это один и тот же документ. Самые популярные на сегодняшний день браузеры: Microsoft Internet Explorer, Mozilla Firefox, Apple Safari и Opera.

1.3 Теоретические основы построения веб-сайтов

Для создания динамического сайта необходимо знать основные принципы работы web-сервера, изучить основы программирования на языке HTML, PHP, знать основы CSS , понимать основы поисковой оптимизации.

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

Сервис WWW работает по технологии клиент-сервер.

Web-сервер - это программное обеспечение, установленное на компьютере, при помощи которого по протоколу HTTP предоставляется доступ к веб-страницам. Наиболее распространенными web-серверами являются Apache, работающий на платформе Unix/Linux и IIS (Internet Information Service), работающий под управлением Windows. Также web-сервером называется и сам компьютер, на котором установлено это программное обеспечение и хранятся файлы веб-сайтов.

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



Рисунок 2 - Схема доступа клиента (браузера) к веб-сайту

В строке адреса браузера набирается адрес сайта, на который хочет попасть пользователь (например http://www.google.com ). Затем браузер отправляет запрос специальному компьютеру, которые носит название DNS-сервер (Domain Name System). DNS-сервер преобразует набранный адрес в числовой (IP-адрес) адрес сервера, на котором расположен сайт (например 212.147.139.162) и возвращает его браузеру. Браузер отправляет запрос на полученный адрес и в ответ получает запрашиваемый ресурс. После того, как ресурс передан, соединение между клиентом и сервером разрывается.

1.3.2 Основы программирования на языке PHP

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

Два набора тэгов, которые используются для обозначения блоков кода PHP. <?php. . .?> и <script language="php">. . .</script>). Но, если предполагается внедрять PHP-код в XML или XHTML, нужно использовать форму <?php. . .?> для соответствия XML. Закрывающий тэг автоматически подразумевает точку с запятой; и не нужно вводить символ "точка с запятой" в конце последней строки PHP-блока.

Типы данных. PHP не требует (и не поддерживает) явного определения типа при объявлении переменной; тип переменной определяется согласно контексту, в котором она используется. То есть, присваивается строковое значение переменной $var, $var станет строкой. Если присваивается $var целочисленное значение, она станет целым числом.

Примером автоматического преобразования типа является оператор сложения '+'. Если любой из операндов является числом с плавающей точкой, то все операнды интерпретируются как числа с плавающей точкой, результатом будет также число с плавающей точкой. В противном случае операнды будут интерпретироваться как целые числа и результат также будет целочисленным. Это не меняет типы самих операндов; меняется только то, как они вычисляются. Пример:

<?php

$number = "0"; // $number это строка

$number += 2; // $number теперь целое число (2)

$number = $number + 1.3; // $number теперь число с плавающей точкой (3.3)

?> [7]

PHP поддерживает 8 базовых типов данных.

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

- boolean. Логический тип данных, переменные данного типа могут принимать значения true (правда) или false (ложь).

- integer. Целочисленный тип данных, переменные могут принимать целые значения (...-2, -1, 0, 1, 2...) в диапазопе от -2^31 до +2^31. Если значение превышает данный порог - оно автоматически переводится в тип float.

- float. Числовой тип данных с плавающей точкой, может содержать как целые, так и дробные величины.

- string. Строковый тип данных. Содержит нефиксированное количество различных символов. PHP не накладывает никаких ограничений на длину строки, поэтому можно смело работать даже с ОЧЕНЬ большими строками.

2 комплексных (составных) типа:

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

- object. Объект, содержит некий объект (экземпляр класса)

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

- resource. Ссылка на абстрактный элемент, т.н. внешний ресурс. Примеры внешних ресурсов - ссылка на файл и ссылка на результат выполнения запроса.

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

Переменные. Переменные в PHP представлены знаком ($) dollar с последующим именем переменной. Правильное имя переменной начинается с буквы или символа подчёркивания, с последующими (в любом количестве) буквами, числами или символами подчёркивания. Таким образом, допустимы следующие имена переменных: $n, $n1, $user_func_5 и т. д. В отличие от ключевых слов, имена переменных в PHP чувствительны к регистру, т. е. переменные $user, $User и $USER являются различными.

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

Операторы выбора/ if...else

<?php

if (условие) // Если условие истина (true), то

{

Действия

} // Если условие ложь (false), то

else

{

Действия

}

?>

К операторам выбора относят: условный оператор (if...else) и переключатель (switch). Проверка дополнительных условий возможна при помощи оператора elseif. Оператор if может включать сколько угодно блоков elseif, но else в каждом if может быть только один. Как правило, в конструкциях if…elseif…else оператор else определяет, что нужно делать, если никакие другие условия не являются истинными (true). [8]

Циклы. Помимо условий немаловажную вещь в PHP занимают циклы. Создается переменная, а затем она изменяется до тех пор пока не дойдет до какого-то значения. На практике это довольно удобно. Можно с необычайной легкостью считывать или заполнять массивы, высчитывать значения каких либо функций и. т. д., что широко используется на различных сайтах, например, в гостевых книгах и форумах. Существует несколько видов циклов while, do..while и for. Цикл while. Цикл WHILE - простейший тип цикла. Основная форма оператора WHILE:

WHILE(условие) {

...

}

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

Цикл do … while. Цикл DO..WHILE очень похож на WHILE за исключением того, что значение логического выражения проверяется не до, а после окончания итерации. Основное отличие в том, что DO..WHILE гарантировано выполнится хотя бы один раз, что в случае WHILE не обязательно. Для циклов DO..WHILE существует только один вид синтаксиса:

$i = 0;

do {

echo $i;

} while ($i > 0);

Этот цикл выполнится один раз, так как после окончания условие не выполнится ($i не больше 0), и выполнение цикла завершится.

Кроме того можно испольовать оператор в циклах BREAK. C помощью него можно в любой момент оборвать любой цикл, как while, do..while, так и for. Например:

$i = 1;

while ($i <= 10) {

echo $i;

$i++;

if($i > 5) break;

}

В данном случе цикл оборвется, когда переменная $i станет равной 6.

Цикл for. Циклы FOR - наиболее мощные циклы в PHP. Синтаксис цикла FOR:

FOR (выражение; условие; вложенные операторы) {

...

}

Первое выражение безусловно вычисляется(выполняется) в начале цикла.

В начале каждого цикла проверяется условие. Если оно выполняется, то цикл продолжается и выполняются вложенный оператор. Если нет, то цикл заканчивается. В конце каждого цикла вычисляются (исполняются) вложенные операторы. Если условия нет, то цикл продолжается бесконечно (PHP по умолчанию считает его выполнившимся (равным TRUE). [9]

Массивы. Массивы очень широко применяются в PHP-скриптах. Массив - это набор элементов, к каждому из которых можно обратиться по индексу или имени. Массивы позволяют хранить переменные в упорядоченном виде. Все массивы в PHP являются ассоциативными, т.е. состоят из пар "ключ"="значение".

Массив записывается таким образом: $name[team] = “Seltics”. Для того чтобы вывести на экран значение определенной ячейки массива необходимо обратиться к данной ячейке: echo $name[team].

Основы и синтаксис массивов показаны на рисунке 3.



Рисунок 3 - Основы и синтаксис массивов

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

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

Синтаксис функций PHP выглядит так:

function имя_функции ([$параметр1. $параметр2, .... $параметрn]) {

тело функции

}

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

Метод GET. Данные методом GET передаются путем их добавления к URL-адресу вызываемого сценария, предназначенного для обработки полученной информации. Метод GET представляет собой передачу переменных через адресную строку браузера. Чтобы передать данные необходимо набрать следующий код: echo “<a href='имя_файла.php?a=77&b=10'>”. В теле ссылки, после названия файла необходимо поставить знак вопроса “?” и после него указывать имя переменной. Если переменная не одна, то после указания одной переменной ставится знак “&” и указывается следующая переменная. Передаваемые переменные записываются в специальный массив $_GET.

http://localhost/script.php?num=10 (если указывается одна переменная). В этом случае мы передаем параметр num равный 10

или

http://домен.ru/script.php?num=10&type=new&v=text (если указывается несколько переменных)

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

Пользователь вводит данные в поля формы и нажимает "Отправить". Далее данные записываются в массив $_POST. В ячейке $_POST[name] находится имя пользователя, а в ячейке $_POST[lastname] фамилия. После этого массив передается второму PHP - файлу.

В PHP в независимости, каким способом были отправлены данные - методом POST или методом GET - получить данные можно используя массив $_REQUEST.

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

include имя_файла;

Конструкция include позволяет включать удаленные файлы, если такая возможность включена в конфигурационном файле PHP. [7]

1.3.3 Основы работы с базой данных

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

СУБД MySQL классифицируется как реляционная система управления базами данных (RDBMS-- relational database management system). Слово "реляционная" обозначает популярную разновидность СУБД, в которых отслеживается "соответствие" записей в одной таблице на "соответствие" записей в другой таблице. Мощь реляционных СУБД заключается в их способности выбирать соответствующие данные из этих таблиц и создавать ответы на вопросы, которые нельзя получить только из одной такой таблицы.

Для общения с СУБД MySQL применяется язык SQL (Stuctured Query Language -- язык структурированных запросов). В настоящее время SQL является стандартом работы с базами данных, и все основные СУБД понимают его. SQL включает много разных типов операторов, разработанных для взаимодействия с базами данных.

Запросы к базе данных можно вводить только после подключения к серверу. Для ввода запроса в mysql достаточно его напечатать, ввести в конце точку с запятой и нажать клавишу <Enter>. После ввода запроса mysql передает его серверу на выполнение. После обработки запроса сервер передает результат клиенту MySQL. Клиент отображает полученный результат.

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

Выборка данных. Оператор SELECT позволяет производить выборку и отображать информацию из таблиц любым способом. Можно сделать выборку сразу всех столбцов и всех строк таблицы:

mysql> SELECT * FROM president

Или сделать выборку одного столбца из одной строки таблицы:

mysql> SELECT birth_date FROM president WHERE last_name = "Eisenhover"

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

Общий синтаксис оператора SELECT имеет вид

SELECT что выбирается

FROM таблица или таблицы

WHERE условия, которые должны удовлетворяться

Для создания оператора SELECT необходимо определить, что требуется выбрать из таблиц. Для этой цели служат предложения FROM и WHERE.

1.3.4 Динамический веб-сайт

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

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

1.3.5 Взаимодействие PHP сайта с базой данных MySQL

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

mysql_connect. Эта функция устанавливает соединение с сервером server MySQL и возвращает дескриптор соединения с базой данных, по которому все другие функции, принимающие этот дескриптор в качестве аргумента, будут однозначно определять выбранную базу данных. Вторым и третьим аргументами этой функции являются имя пользователя username и его пароль password соответственно:

<?php

$dblocation = "localhost"; // Имя сервера

$dbuser = "root"; // Имя пользователя

$dbpasswd = ""; // Пароль

$dbcnx = @mysql_connect($dblocation,$dbuser,$dbpasswd);

if (!$dbcnx) // Если дескриптор равен 0 соединение не установлено

{

echo("<P>В настоящий момент сервер базы данных не доступен, поэтому корректное отображение страницы невозможно.</P>");

exit();

}

?>

Переменные $dblocation, $dbuser и $dbpasswd хранят имя сервера, имя пользователя и пароль, и, как правило, прописываются в отдельном файле (к примеру, config.php), который потом вставляется в каждый PHP-файл, в котором имеется код для работы с MySQL:

<?

$dblocation = "localhost";

$dbname = "forum";

$dbuser = "root";

$dbpasswd = "";

?>

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

mysql_connect() устанавливает постоянное соединение с базой данных.

Работая с MySQL из командной строки, необходимо указывать, какая база данных нужна:

use books ;

То же самое необходимо и при подключении из Web. Это может сделать РНР-функция mysql_select_db():

mysql_select_db ("books") ;

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

$query = "select * from books where ".$searchtype." like '%".$searchterm."%'";

В этом случае будет отыскиваться значение, введенное пользователем (Ssearchterm), в поле, которое указал пользователь (Ssearchtype).

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

mysql_close( database_connection);

Если было установлено постоянное соединение, то команда на закрытие его будет проигнорирована, а в случае использования функции mysql_connect() соединение будет разорвано по окончании работы PHP-сценария.

2. Практическая часть

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

Компания Rebaz организована в 1998 году, и уже 12 лет работает на рынке печатных услуг города Новокузнецка. Основное направление деятельности - поддержание корпоративного стиля компании-заказчика и обеспечение его необходимой печатной и сувенирной продукцией. Территориально компания расположена в Центральном районе города Новокузнецка.

В рамках основного вида деятельности предприятие занимается:

1. изготовлением сувенирной продукции от магнитов до наградных сувениров для выставок. Сувениры изготавливаются с использованием шелкотрафаретной печати качественными красками мировых лидеров отрасли : Marabu (Германия) и Sericol (Великобритания). Отпечаток устойчив в воздействию воды, растворителей и механическим повреждениям. Трафаретная печать - высокотехнологичный способ печати. Ее применяют и при печати небольших тиражей ручным способом, и при серийном промышленном производстве. Все краски созданы для определенного материала: текстиль, бумага, пластик, металл, полиэтилен, акрил.

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

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

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

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

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

2.2 Обзор и анализ существующих разработок

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

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

Сайт находится по адресу http://www.izograf.net. Основным направлением работы компании «Изограф» является офсетная печать и оперативная полиграфия.

На сайте реализованы следующие возможности:

- просмотр контактной информации о компании: история и преимущества работы с компанией «Изограф» (на главной странице сайта), а также почтовый (фактический) адрес компании и электронные адреса (сквозные для всего сайта, в нижней части страницы);

- просмотр информации о постоянных заказчиках: список компаний со ссылками на сайты;

- последние новости компании;

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

- возможность загрузки прайс-листа в формате .xml;

- дано описание оборудования и технологии печати.

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

Сайт находится по адресу http://www.record-gifts.ru . Основным направлением работы компании «Рекорд» является поставка сувениров и нанесение логотипов на них.

На сайте реализованы следующие возможности:

- раздел о компании (история создания, достижения компании к сегодняшнему времени, на всех страницах крупно дан номер телефона, а в нижнем левом углу - контактная информация);

- последние новости компании;

- каталог продукции с кратким описанием;

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

- Сайт компании «UK colour printing» (Derby, England)

Сайт находится по адресу http://www.ukcolourprinting.com . Основным направлением работы компании «UK colour printing» является изготовление печатной продукции от визитных карточек до журналов и постеров.

На сайте реализованы следующие возможности:

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

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

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

- раздел Помощь, в котором подробно описано как заказать продукцию, как отметить заказ, как происходит доставка и т.д.);

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

- Сайт компании «Toppan printing company America» (New York, )

Сайт находится по адресу http://www.ta.toppan.com . Компания «Toppan printing company America» специализируется на издательстве и печати книг от детских до книг по искусству.

На сайте реализованы следующие возможности:

- раздел о компании: история, местоположение офиса и фабрики, ценности компании, вакансии, отзывы клиентов, контакты (контактные данные и фото руководителей компании) ;

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

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

- вход для клиентов компании, здесь же опрос о качестве услуг предоставляемых “Toppan”.

- даны ссылки на интернациональные сайты компании.

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

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

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

- просмотр информации о компании;

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

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

- форма заказа продукции;

- описание процесса печати;

- возможность скачать полный прайс-лист;

- контактная информация с указанием банковских реквизитов

Таблица 1 - Сравнительный анализ основных функций сайтов

Рассмотренные сайты	Функции, необходимые создаваемому сайту
	Просмотр информации о компании и контакты	Функция обратной связи	Описание изделий, цена и фотогалерея готовой продукции	Форма заказа продукции	Описание процесса печати	Возможность скачать прайс-лист
Сайт компании «Изограф»	V		V		V	V
Сайт компании «Рекорд»	V	V	V		V	V
Сайт компании «UK colour printing»	V	V	V	V		V
Сайт компании «Toppan printing company America»	V		V		V

Просмотр информации о компании и контактов.

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

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

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

Описание изделий, цена и фотогалерея готовой продукции.

На всех сайтах есть описания изготавливаемой продукции по категориям, с фотографиями готовых изделий и ценами. Только на сайте «Toppan printing company America» нет цен на готовую продукцию, т.к. компания занимается выпуском и печатью книг, а в этой области сложно произвести унификацию и выставить четкие цены, из-за большого количества нюансов.

Форма заказа продукции.

Эта функция представлена только на сайте «UK colour printing»: заполняется форма, выбираются нужные параметры печати (цветность, плотность бумаги, размер, тираж), а затем калькулятор выдает стоимость всего тиража. Функция значительно сокращает время на оформление заказа.

Описание процесса печати.

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

Возможность скачать прайс-лист.

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

Выбор сайта - прототипа. В качестве прототипа сайта компании «Rebaz» будет использоваться сайт «UK colour printing». Сайт компании «UK colour printing» выбран в качестве прототипа, потому что основные функции сайта реализованы здесь наиболее полно. Это такие функции, как подробное описание компании, форма заказа продукции, обратная связь, описание процесса печати. Единственным недостатком сайта является небольшого количества графического материала, который по моему мнению необходим для печатной компании, ведь просмотр готовой продукции, дает самое подробное представление о продукции. Перечисленные функции важны для сайта компании занимающейся производством печатной и сувенирной продукции и обеспечивают удобство пользователей сайта.

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

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

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

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

3. дать пользователю своевременную и полную информацию о продукции.

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

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

Для разработки web-сайта на локальном компьютере необходимо установить пакет программ Denwer, в который входят такие программы как web-сервер Apache, СУБД MySQL, phpMyAdmin web-интерфейс для работы с СУБД MySQL, язык web-программирования php. На рисунке 4 представлена схема веб-сайта компании с фотогалереей и функцией обратной связи.

Рисунок 4 - Схема веб-сайта

Построение базы данных сайта

После установки пакета программ Denwer и запуска web-сервера, необходимо в адресной строке интернет - браузера ввести следующий адрес: «http://localhost/». На экран будет выведена информация о web-сервере и список необходимых для работы ссылок. Данный список представлен на рисунке 5. Для начала проектирования базы данных необходимо запустить web-интерфейс phpMyAdmin, для этого нужно перейти по ссылке «http://localhost/phpmyadmin» .

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

Рисунок 5- Список необходимых для работы с web-сервером ссылок

Для хранения практически всей информации о сайте Joomla использует базу данных MySQL. Она позволяет хранить значительные объемы данных, при этом предоставляет нам удобный интерфейс для взаимодействия с ней. Для сайта компании сувенирной и полиграфической продукции необходимо создать базу данных “Rebaz”, в которой создаются и хранятся таблицы для четкого разделения хранящейся на сайте информации. В базе данных основной сущностью является категория продукции, принадлежащая некоторому разделу. Взаимодействие основных сущностей представлено на ER-диаграмме (Рисунок 6).

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

Поисковая оптимизация (англ. search engine optimization, SEO) -- комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей.

Одним из важнейших параметров каждой из сущностей является псевдоним, т.к. если включить SEO-оптимизацию в Joomla! в строке с адресом доступа будут отображаться псевдонимы разделов, категорий или материала, которая удобнее для восприятия пользователем. Например: http://www.test1.ru/index.php/bags-photo - ссылка с включенной SEO-оптимизацией, или обычная ссылка http://www.test1.ru/index.php?option=com_content&view=article&id=48&Itemid=34 .



Рисунок 6- ER-диаграмма базы данных для сайта компании “Rebaz”

Структура таблицы jos_section (Рисунок 7) показывает какие основные параметры раздела сайта должны храниться в таблице сайта с указанием типа данных и кодировки ("jos_" это префикс названия всех таблиц Joomla).

Основные параметры таблицы jos_section (разделы сайта) следующие:

- id (идентификатор);

- title (название раздела);

- alias (псевдоним);

- image (изображение раздела, если необходимо);

- scope (область, в которой располагается раздел, в данном случае все разделs относятся к области content);

- image_position (позиция изображения);

- description (описание раздела, которое можно форматировать либо через редактор, либо написанием HTML-кода в специальном окне);

- published (статус публикации раздела, для обозначения используется двоичная система 0 - не опубликовано, 1 - опубликовано);

- ordering (порядок показа раздела);

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

Рисунок 7- Структура таблицы jos_section

На рисунке 8 показана таблица jos_section (Разделы сайта) с заполнением основных данных, которые хранит таблица. Таким же образом хранится большая часть данных сайта и каждое изменение в Административной панели меняет и структуру таблиц MySQL.



Рисунок 8- Таблица jos_section с заполненными данными

Точно также вновь установленный Компонент обычно создает хотя бы одну таблицу для хранения своей информации. Например, данные материалов компонента для создания форм "artforms" хранятся в "jos_artforms".

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

Для решения задачи построения основной части сайта, основную задачу можно разделить на следующие подзадачи:

Разработка макета дизайна сайта.

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

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

Разработка шаблонной страницы сайта и создание основных модулей сайта.

Теперь решаем каждую из подзадач последовательно.

Разработка макета дизайна сайта.