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

Это была описана социальная структура, с структурой соревнований дела обстоят значительно короче:

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

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

На страницы расположены 1-2 актуальные новости из области художественной гимнастики.

На нижнем баннере можно увидеть Ссылку "Обратная связь", пройдя по которой можно написать любые вопросы, замечания предложения администратору сайта.

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

3. Из пункта меню "О федерации" выплывает четыре дополнительных пункта: "История художественной гимнастики", "Звезды художественной гимнастики" "Тренеры" "Фото галерея". Все перечисленные разделы относятся только к Федерации художественной гимнастики, Академии Ирины Винер (главного тренера России) и истории художественной гимнастики в целом.

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

5. Подгрузилась страница СДЮСШОР №11 "Грация". Пункты меню всех школ идентичны друг другу. Нажав первый пункт меню, вы можете вернуться на стартовую страницу.

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

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

8. Выбрав пункт меню "О школе" выплывают все пункты с информацией о школе: "История школы", "Администрация", "Звезды школы", "Тренеры", "Гимнасты", "Условия приема", "Фото галерея".

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

10. Пройдя по одной из ссылок получаем на экране статью.

11. Аналогичная система со статьями у остальных пунктов меню. Проходим, к примеру по пункту "Администрация". Здесь выгружается директор и заместитель директора школы.

12. Выбрав статью о директоре Гатиной Алсу Ильгизаровне, получаем статью со слайдом о директоре школы. (аналогично работает пункт "Тренеры")

13. По пункту меню "Звезды" и "Гимнасты" на экране появляется список ссылок на характеристики гимнастов школы.

14. Статья со слайдом о гимнастке (звезде) Смирновой Дарье.

15. Условие приема в школу (статья о по данному разделу одна, поэтому по клику на пункт меню на экране сразу загрузился текст).

16. "Фото галерея". Здесь загружены две фото галереи. Пройдя по каждому из них, можно посмотреть интересующие вас фотографии.

17. Фото галерея "Школьный лагерь".

18. Нажав на любую фотографию, фотография увеличивается. Нажав еще раз на выбранную фотографию, он уменьшается обратно.

19. Статья о чемпионате мира из пункта меню "Чемпионат мира".

20. Объявления и новости для родителей можно найти, попав в пункт меню "Информация для родителей".

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

22. Контакты школы расположены соответственно в пункте меню "Контакты".

4.2 Раздел администратора

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

2. Администратор вводит собственные данные (пороль и логин).

3. На экране выходит подтверждение об авторизации. Нажимаем кнопку "ОК" и заходим в систему.

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

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

6. Чтобы добавить новость на главную страницу нужно нажать на кнопку "Добавить" и осуществится переход на страницу добавления. Здесь необходимо написать название статьи в соответствующем поле и загрузить статью со своего компьютера с помощью кнопки "Обзор" (формат текстового файла должен быть строго txt и в кодировке Юникод UTF-8, как это осуществить подробнее написано в пункте "Инструкция по применению").

7. Итак, загрузив необходимую статью и написав ее название в поле "Название статьи" нажмите кнопку "ОК".

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

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

10. Для удаления статьи, нажмите на соответствующей кружок и нажмите кнопку "Удалить".

11. Выйдет сообщение о подтверждении удаления. Если вы действительно хотите удалить статью, тогда нажмите кнопку "ОК".

12. Статья удалена. Нажимайте "ОК". Если какие-либо описанные процессы не проходят, пишите администратору системы (ссылка "Обратная связь" в администраторской части системы).

13. "Архив соревнований". Редактирование (Добавление/Удаление) производится аналогично.

14. "О школе". Соответственно администратор школы не имеет права удалять или добавлять новую школу, поэтому информацию о школе можно лишь редактировать.

15. На странице редактирования школы выгружается имеющаяся информация в соответствующих полях, данные можно затереть и написать новые. Здесь же можно загрузить фотографии и статьи о школе и удалить их. Внизу расположены два списка (на рисунке только один для статей), для обоих списков есть две кнопки "Удалить". Первый список - список статей прикрепленных к этой школе, любую из них можно выделить выбрав кружок соответствующий статье и нажать кнопку "Удалить". Аналогично с фотографиями, фотографиям соответствует вторая кнопка "Удалить".

16. "Тренеры". Пройдя по данному пункту меню выгружается список тренеров работающих в данной школе. Здесь есть кнопки Добавить/Редактировать/Удалить, процессы редактирования, добавления и удаления происходят аналогично предыдущим пунктам меню.

17. На странице Тренеров находятся еще фильтры списка. Если список большой, а поиск объекта занимает много времени, то список можно отфильтровать. Здесь тренеры прошли фильтрацию по фамилии, в поле ФИО было набрано "Ива".

18. С гимнастами операции редактирования проводятся аналогично.

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

20. "Информация для родителей". Можно добавить или удалить статьи в данного раздела.

5. Информационная структура web-приложения

1. Таблица "ADMINS".

Назначение: хранение информации об администраторе, для входа в административную часть.

Поля:

- id (уникальный ключ) - идентификационный номер администратора;

- login - уникальное имя администратора, оно выдается при создании школы;

- pass - пороль для входа администратора в систему;

- id_school - идентификационный номер школы, к которой привязан конкретно взятый администратор;

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

Типы данных:

2. Таблица "School".

Назначение: база регионов, для привязки школ.

Поля:

- id (уникальный ключ) - идентификационный номер региона;

- name - название региона.

Типы данных:

3. Таблица "Region".

Назначение: хранение контактной информации о каждой школе.

Поля:

- id (уникальный ключ) - идентификационный номер школы;

- name - название школы;

- city - город в котором расположена школа;

- idregion - номер региона, в котором находится школа;

- address - адрес школы;

- telephone - телефон школы;

- email - электронная почта школы.

Типы данных:

4. Таблица "Gymnasts".

Назначение: хранение информации о гимнастках.

Поля:

- id (уникальный ключ) - идентификационный номер гимнастки;

- name - ФИО гимнастки;

- gender - пол гимнастки;

- id_school - школа в которой в настоящее время занимается гимнастка;

- birthday - день рождения;

- star - принадлежность к гимнастки к категории звезды школы;

- team - принадлежность гимнастке к сборной команде;

- couch - тренер у которой занимается гимнастка.

5. Таблица "Coach".

Назначение: хранение информации о тренерах.

Поля:

- id (уникальный ключ) - идентификационный номер тренера;

- name - ФИО тренера;

- pol - пол тренера;

- id_school - школа в которой в настоящее время занимается гимнастка;

- position - должность преподавателя;

- experience - стаж работы преподавателем;

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

6. Таблица "Article".

Назначение: хранение информации о всех статьях (текстовой информации хранящейся в базе).

Поля:

- id (уникальный ключ) - идентификационный номер статьи;

- name - название статьи;

- type - тип статьи (её принадлежность к определенному элементу базы: гимнасту, тренеру, школе, условию приёма, фотографиям и т.д.);

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

- address - ссылка на файл (статью);

Типы данных:

7. Таблица "Contests".

Назначение: хранение информации о соревнованиях различных масштабов.

Поля:

- id (уникальный ключ) - идентификационный номер соревнования;

- name - название соревнования;

- type - тип соревнования, его масштаб (школа, регион, страна, мир);

- date - дата проведения;

- object_id - привязка соревнования к определенной локации.

8. Таблица "Photo".

Назначение: база всех фотографий;

Поля:

- id (уникальный ключ) - идентификационный номер фотографии;

- id_article - привязка фотографии к статье;

- name - название фотографии;

- address - ссылка на фотографию.

Текущая схема данных соответствует статейной системе. Принцип действия такой схемы основан на хранении всей текстовой информации (статьи о гимнастах, тренерах, школе, соревнованиях) в одной таблицею. Связь статей с объектами осуществляется с помощью полей object_id (соответствует id гимнаста, тренера, школы ит.д.) и type, типы бывают следующие:

- gymnast (гимнаст);

- coach (тренер);

- history (история школы и др. подобные статьи о школе);

- photo (фото галерея);

- parents_info (информация для родителей);

- top (новость на главную страницу);

- conditions (условия приема);

- contests (соревнования);

- world_championship (чемпионат мира).

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

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

5.2 Проблемы задачи и их решения

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

Приемущесво такой структуры в том, что:

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

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

В системе используется интерактивное меню, в котором всегда подгружаются последние по дате соревнования. Процесс совершается с помощью следующего SELECT-запроса:

<p> <a href="#" onclick="showLayer ('contest'); hiddenLayer ('school')">Соревнования</a></p>

<div style="padding-left: 20px; font-size: 14px; width: 150px; font-style: italic; " id="contest">

<? $query1m="Select * FROM Contests where type='school' and day1= (select max (day1) from contests where type='school' and object_id='". $eng->school_id. "')"; // школьное

$sql1m=mysql_query ($query1m) or die (mysql_error ());

$row1m=mysql_fetch_array ($sql1m);

Система выгрузки статей.

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

Структура страниц построена с помощью тега <div>. Уход от стандартной структуры таблиц был обоснован тем, что выбранный метод построения дает странице более пластичные, гибкие решения. Объекты все располагаются справа относительно предыдущего элемента, т.е. каждый последующий объект находится сразу после левого элемента. Используемый метод расположение объектов (дивов) относительно друг друга осуществляется с помощью css стиля float: left, а расстояние между ними и внутри объектовопределялось с помощью свойст margin и padding.

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

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

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

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

Осуществляется прокрутка с помощью функции Getslide ().

function GetSlides ($article,$adress,$number) {

if (! isset ($number)) {

$number=1;

}

$query7p="Select * from Photo where id_article=". $article." limit $number,1";

$sql7p=mysql_query ($query7p);

$query8p="Select COUNT (id) from Photo where id_article=". $article;

$sql8p=mysql_query ($query8p);

$row8p=mysql_fetch_assoc ($sql8p);

? >

<? php

while ($row7p=mysql_fetch_assoc ($sql7p)) {

? >

<div style=" background-color: black; width: 700; height: 500; text-align: center; ">

<? if ($number>1) {? >

<a href="<? print $adress. ($number-1)? >" style="float: left; color: grey; ">Last</a>

<? }? >

<img src="<? print $row7p ["adress"];? >" align="center" style="height: 500; text-align: center; ">

<? if ($number< ($row8p ["COUNT (id)"] - 1)) {

? >

<a href="<? print $adress. ($number+1)? >" style="float: right; color: grey; ">Next</a>

<? }? >

</div>

<? php }? >

<? php

}

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

function GetSlidesP ($article) {

$query69="select * from Photo where id_article=". $article;

$sql69=mysql_query ($query69) or die (mysql_error ());

if (! isset ($number)) {

$number=1;

}

$query7p="Select * from Photo where id_article=". $article." limit $number,1";

$sql7p=mysql_query ($query7p);

// $row7p=mysql_fetch_array ($sql7p);

$query8p="Select COUNT (id) from Photo where id_article=". $article;

$sql8p=mysql_query ($query8p);

$row8p=mysql_fetch_assoc ($sql8p);

? >

<script type="text/javascript" src="http://localhost/diplom/js/highslide. js"></script>

<link rel="stylesheet" type="text/css" href="http://localhost/diplom/js/highslide. css" />

<script type="text/javascript">

hs. graphicsDir = 'http://localhost/diplom/js/graphics/';

hs. wrapperClassName = 'wide-border';

</script>

<? php

while ($row69=mysql_fetch_assoc ($sql69)) {

? >

<a href="<? print $row69 ["adress"];? >" onclick="return hs. expand (this)"><img src="<? print $row69 ["adress"];? >" width="250">

</a><? }? >

<? php

}? >

Для того чтобы в системе все тексты подгружались в необходимой кодировке, необходимо было поменять кодировку в базе данных, прописать в коде программы: <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> и как оказалось у Denwera есть свой файл где надо прописывать кодировку. Во всех вышеперечисленных местах по умолчанию стоит кодировка cp1251, которая работает только для русской версии Microsoft Windows.

В качестве допустимой кодировки была выбрана кодировка Юникод UTF-8. Юникомд (англ. Unicode) - стандарт кодирования символов, позволяющий представить знаки практически всех письменных языков. Коды в стандарте Юникод разделены на несколько областей. Область с кодами от U+0000 до U+007F содержит символы набора ASCII с соответствующими кодами. Далее расположены области знаков различных письменностей, знаки пунктуации и технические символы. Часть кодов зарезервирована для использования в будущем.

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

Раздел администратора:

Авторизация. Администратору каждой школы в ситеме выдается логин и пороль. При входе в систему, если данные введены правильно, в COOKIE заносятся два параметра хеш методом MD5 от логина, даты+текущий час и пороля и в качестве второго параметра передаеся случайно сформированное случайное число.

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

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

Администраторский раздел системы должен был быть разработан максимально удобным и понятным образом, так как администрирование сайта школ планировалось отдать секретарям соответствующих школ. В связи с этим, для упрощения работы с формами редактирования, была организована выгрузка заполненных в полях данных. Выгрузка данных осуществлялась POST методом. После выбора объекта для редактирования, при нажатии кнопки "Редактировать", на сервер отправляется id выбранного объекта. В результате, отправки id определяется элемент для редактирования. К примеру, мы можем разместить, в поле ввода, имя выбранного тренера, которая недавно вышла замуж и сменила фамилию. Это организуется следующим образом, значению текстового поля ФИО присваивается значение переменной, которая была выбрана в результате Select-запроса, где id=$POST (elem).

ФИО: </b><input name="FIO" type="text" size="75" value="<? print $row ['FIO']? >">

Данные в базе изменялись с помощью sql-запрос UPDATE.

$query="UPDATE couch

SET FIO='${_POST ['FIO'] }',

birthday=STR_TO_DATE ('${_POST ['birthday'] }', '%d. %m. %Y'),pol='${_POST ['pol'] }',

id_school= (Select id_school from ADMINS

WHERE rid=${_COOKIE ['rid'] }),

position='${_POST ['position'] }', experience='${_POST ['experience'] }'

WHERE id=${_POST ['elem'] }";

Удаление элемента проходит аналогичным образом. После выбора элемента списка и нажатия кнопки "Удалить" POST методом передается id выбранного элемента и обрабатывается SQL-запросы.

$query="DELETE FROM Contests WHERE id=${_POST ['id'] }";

Аналогично программа работает с добавлением, только с использованием SQL-запроса UPDATE.

$query1="INSERT INTO couch (FIO, Birthday, pol, id_school,position, experience)

VALUES ('${_POST ['FIO'] }', STR_TO_DATE ('${_POST ['birthday'] }', '%d. %m. %Y'), '${_POST ['pol'] }', (Select id_school from ADMINS where rid=${_COOKIE ['rid'] }), '${_POST ['position'] }', '${_POST ['experience'] }')";