Интернет-магазин спортивных товаров и принадлежностей, с функцией форума

26

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

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

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

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

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

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

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

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

Слушатель Алексенцев Евгений Сергеевич

Руководитель Койнов Роман Сергеевич

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

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

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

РЕФЕРАТ

САЙТ КОНТЕНТ-ПРОЕКТ, HTML, CSS, PHP, MYSQL, ДИЗАЙН

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

Цель настоящей работы состоит в выборе средств разработки и создания сайта интернет-магазина «Спортивных товаров и принадлежностей»

В результате выполненной работы представлен вариант сайта.

Содержание

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

Введение

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 Динамический веб-сайт

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

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

2.2 Установка программного обеспечения

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

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

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

Заключение

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

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

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

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 является технология «клиент-сервер», то есть предполагается существование потребителей (клиентов), которые инициируют соединение и посылают запрос, и поставщиков (серверов), которые ожидают соединения для получения запроса, производят необходимые действия и возвращают обратно сообщение с результатом.

Введение

В настоящее время стремительно развиваются средства массовой информации. Еще десять лет назад в нашей стране мало кто знал такое явление, как Интернет. Но времена изменились - пришла эпоха Интернета. Всемирная сеть занимает всё более крепкие позиции в современном мире.

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

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

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

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

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

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

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

Задачи:

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

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

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

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

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

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

сайт программирование интернет

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

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

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

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

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

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

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

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

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

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

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

-Контент-проект.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

- Любой редактор, способный сохранить на диске текстовый файл (для создания 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-сервером называется и сам компьютер, на котором установлено это программное обеспечение и хранятся файлы веб-сайтов.

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

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

В строке адреса браузера набирается адрес сайта, на который хочет попасть пользователь (например 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].

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

Функции могут создаваться в любой точке программ 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-формы, не вторгаясь при этом в технические детали каждой специфической СУБД.

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

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

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

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

2) возможность задать вопрос и получить ответ по электронной почте;

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

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

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

2.2 Установка программного обеспечения

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

На компьютер с ОС Windows XP, с выходом в интернет, были установлены

Dreamweaver CS5

Графические редакторы Photoshop и CorelDRAW

Все эти и другие средства использовались в той или иной мере.

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

Как установить PHPMyAdmin? В пакете Denwer он уже встроен, поэтому можно просто перейти по адресу: http://localhost/tools/phpmyadmin, и мы сразу попадаем в PHPMyAdmin.

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



Рисунок 8 - Эскиз расположения основных блоков сайта

Макет сайта представлен на рисунке 9.

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

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

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

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



Рисунок 9 - Макет главной страницы сайта

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

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

Вертикальное меню. Для основной навигации на сайте решено сделать вертикальное меню с выделяющими названиями категорий . Данный тип навигации отличается удобством для пользователя сайта. Такое меню корректно отображается в браузерах Mozila Firefox, Safari, Opera и Internet Explorer.

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

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

Рисунок 13 - Верхнее меню сайта

Установка системы управления контентом сайта и дополнение ее под задачи сайта. Загружается актуальная версия Joomla, на данный момент Joomla 2.5. Разархивируются файлы дистрибутива Joomla в корневой каталог сервера ( C:\WebServers\home\test1.ru\www - для локального сервера). Открывается интернет-браузер и вводится адрес: www.sport-shop.ru , загрузится веб-инсталлятор Joomla. Нужно выполнить пошаговые действия:

Проверка системы и принятие лицензии. Joomla! проверяет настройки сервера, является ли сервер подходящим для того, чтобы установить Joomla! Затем должна загрузиться страница с лицензией GNU/GPL, которую нужно прочитать и принять (Рисунок 14).



Рисунок 14 - Лицензия Joomla!

Основная настройка и установка Joomla!

- Настройка Joomla! для подключения к базе данных MySQL. Показана на рисунке 15.

Имя хоста MySQL - localhost

Имя пользователя MySQL - root

Пароль доступа к БД MySQL

Имя БД MySQL - rebaz

Префикс таблиц БД MySQL - rebaz

Joomla! предоставляет возможность удаления существующих таблиц (Drop Existing Tables), как и возможность создания резервной копии старых таблиц (Backup Old Tables). При первой инсталляции необходимо оставить эти флажки пустыми.

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



Рисунок 15 - Настройка Joomla! для подключения к базе данных MySQL

- Название сайта. Необходимо ввести название сайта. Это название отображается в заголовке окна браузера, при обращении в web-сайту и в Административной панели. В данном случае Перемена.

- Подтверждение параметров настройки. Проверяется: абсолютный путь и url сайта. Вводится e-mail и пароль администратора.

Это все основные этапы установки Joomla! После завершения установки можно перейти в панель Администратора www.test1.ru/administrator и выполнить основные настройки сайта.

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

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

Более всего для создания форм к сайту Перемена подходит компонент ArtForms для Joomla! 1.5. Этот компонент дает широкие возможности для создания разнообразных индивидуальных форм на сайте. ArtForms имеет следующие преимущества:

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

- сохранение форм в базе данных;

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

- поддержка Captcha.

Этапы создания «обратной связи»:

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

- обязательные - имя отправителя (ввод данных), e-mail отправителя (ввод данных), текст сообщения (текстовое поле);

- необязательные - тема сообщения (ввод данных).

Установка компонента ArtForms через Установку/Удаление расширений в Административной панели Joomla!

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

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

- название формы - «свяжитесь с нами»;

- e-mail адрес - vjol@inbox.ru;

- проверочная система - Captcha Form.

Разрешение загрузки файлов - если загрузка разрешена, то определяется размер прикрепляемого файла, количество вложенных файлов, выбор разрешенных типов файлов. Для вложения используются следующие типы файлов: doc (Microsoft Word), pdf (Adobe Acrobat), gif, jpg, png, cdr (Corel Draw), psd (Adobe Photoshop).

Все данные компонента ArtForms хранятся в базе данных: в таблице jos_artforms - параметры формы, jos_artforms_inbox - входящие сообщения, в jos_artforms_items - поля таблицы и их свойства.

Принцип работы формы: после заполнения пользователем полей, и нажатия кнопки «Отправить» форма проверяет была ли произведена попытка заполнения, затем проверяется были ли заполнены все обязательные поля и правильность введения Captcha, если поля заполнены не верно или не заполнены, форма выдает сведения об ошибке. Если все верно, то с помощью команды sendmail отправляется сообщение на указанный электронный адрес. А пользователь видит текст сообщения «Форма успешно отправлена, мы свяжемся с Вами как можно скорее».

Заключение

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

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

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

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

1. Дизайн-студия Smart [Электронный ресурс]: типы сайтов, или классификация интернет ресурсов. Режим доступа: http://www.smart-web.ru/types-of-sites.html - 07.12.2010.

2. Дизайн-студия Trilan [Электронный ресурс]: разработка и создание сайтов. Режим доступа: http://develop.trilan.ru - 07.12.2010.

3. Веб-студия BSWS [Электронный ресурс]: информационное обеспечение сайта. Режим доступа: http://bsws.com.ua/ru/teoriya/stati.html - 08.12.2010.

4. Russian Apache - сайт о сервере Apache [Электронный ресурс]: краткий обзор сервера. Режим доступа: http://apache.lexa.ru/intro.html - 08.12.2010.

5. Дэвис Е.М. Изучаем PHP и MySQL [Текст]: учебник / Дэвис Е.М., Филипс Дж.А. - пер. с англ. - СПб.: Символ-Плюс, 2008. - 448 с.

6. phpMyAdmin по-русски [Электронный ресурс]: описание приложения. Режим доступа: http://php-myadmin.ru/about/notice.html - 10.12.2010.

7. Портал о веб-технологиях [Электронный ресурс]: основы и синтаксис PHP. Режим доступа: http://php.su/learnphp/?syntax - 13.12.2010.

8. Курс PHP [Электронный ресурс]: типы данных, переменные и операторы в PHP / Артемьев С.И. Режим доступа: http://on-line-teaching.com/php/struct.types.htm - 13.12.2010.

9. Портал о веб-разработке [Электронный ресурс]: циклы в PHP. Режим доступа: http://wcode.ru/php/89 - 13.12.2010.

10. Дюбуа П. MySQL. Полное и исчерпывающее руководство по применению и администрированию баз данных MySQL, а также программированию приложений [Текст]: учебник - 2-е изд. - пер. с англ. - М.: Изд. дом "Вильямс", 2004. -- 1056 с.

Размещено на Allbest.ru