Создание Web-интерфейса для информационной системы «Спортивные нормативы» в СУБД MySQL

В каждой директории размещается набор документов в формате MS Word — по одному документу на каждый информационный модуль, информационные блоки которого опубликованы в соответствующем разделе. Не допускается размещение текста в виде графических изображений или иных нетекстовых элементов. Изображения могут быть размещены как в тексте внутри файла, так и в виде отдельного изображения. Однако, в последнем случае текст должен содержать ссылку на изображение в виде указания пути и названия файла изображения. Для каждого информационного модуля структура документа должна соответствовать шаблонам, предоставляемым Исполнителем до начала этапа предоставления материалов. Материалы для первоначального наполнения разделов должны быть полностью представлены Исполнителю в сроки, установленные планом-графиком работ. Допускается передача материалов частями, в нескольких zip-файлах, соответствующих приведенным требованиям. Передача материалов в объеме и формате, соответствующем настоящему ТЗ закрепляется подписанием Акта о передаче информационного наполнения. Любые изменения информационного наполнения силами Исполнителя после подписания данного Акта допускаются только на основании отдельного соглашения за дополнительную плату. Информационные материалы, не предоставленные Заказчиком в сроки, установленные планом-графиком работ, размещаются Исполнителем по гарантийному письму Исполнителя в течение 2-х недель после сдачи-приемки проекта. На эту часть информационных материалов также накладываются требования к формату предоставления, изложенные выше. Требования к персоналу

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

По окончании разработки Исполнитель должен предоставить Заказчику дистрибутив системы в составе:

архив с исходными кодами всех программных модулей и разделов сайта;

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

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

4. Разработка веб-интерфейса

Веб-интерфейс — это организованная рабочая зона с подключением к удаленному компьютеру (серверу), которая предоставляет пользователю доступ к информации в структурированном виде. Помимо получения информации в целевых разделах интерфейса, пользователю предоставляется возможность совершать какие-либо действия для управления данными. Веб-интерфейсом можно назвать систему управления сайтом, личный кабинет пользователя, внутреннюю систему организации, которая разработана с конкретными целями для взаимодействия сотрудников и их доступа к данным общей сети. Чаще всего разработка веб-интерфейса затрагивает раздел крупного сайта или портала. Но помимо создания веб-интерфейса входящего в состав сайта, можно разработать веб-интерфейс для управления данными предприятия в связке с 1С. Такие задачи часто необходимы для предприятий с разными отделами, например, поступление информации о платежах из бухгалтерии в отдел производства, а из производственного отдела передача данных в отдел логистики для оповещения о готовности заказа и необходимости его отгрузки. Веб-интерфейсы разрабатываются на разных языках программирования, а в качестве базы данных может использоваться любая серверная база данных. Самыми популярными связками в разработке веб-интерфейсов являются связки PHP+ MySQL и ASP+MsSQL (выбор языка зависит от сервера).Для разработки веб-интерфейса понадобится хостинговая площадка имеющая все необходимое программное обеспечение, или выделенный сервер, которые можно приобрести у компании хостинг-провайдера.

2.5. Выводы ко второму разделу

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

ЗАКЛЮЧЕНИЕ

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

На этапе проектирования была определена структура программного продукта и выполнено его прототипирование с использованием современных инструментов веб-разработки.На последнем этапе был разработан программный продукт и описаны основные этапы процесса разработки. После разработки был протестирован программный продукт и определены требования к нему. Все задачи исследования были выполнены, цель достигнута, веб-интерфейс информационной системы разработан. СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫТереза Нейл, Билл Скотт. Проектирование веб-интерфейсов = Designing Web Interfaces.М.:Символ-Плюс, 2010.

352 c. Коггзолл, Джон. РНР 5. Полное руководство: Пер. с англ. — М.: Издательский дом «Вильяме», 2006.

752 с.: ил. — Парал. тит. англ. Томсон Лаура, Веллинг

Люк. Разработка Web-приложений на РНР и MySQL: Пер. с англ. — 2-е изд., испр. СПб: ООО Диа

СофтЮП, 2003. 672 с. Петров В. И. Информационные системы. СПб.

: Питер, 2002. 688 с. Вендров А. М. CASE-технологии. Современные методы и средства проектирования информационных систем. М.: Финансы и статистика, 1998. 176 с. Калянов Г. Н. CASE.

Структурный системный анализ (автоматизация и применение). М.: Лори, 1996.

— 457с. Гагин А. Технология работи в глобальних в общедоступных сетях. М: Jet Infosystems, 2006. — 235с. Вайк

Аллен. J avaScript. Энциклопедия пользователя: Пер. з англ. К.: ТОВ «ТИД» ДС", 2001. 480с. Вильямсон X. Универсальный Dynamic HTML.

Иблиотека программиста. СПб.: Питер, 2001. — 304 с.: рис. Гудман Д. J

avaScript.Библия пользователя, 4-е изд.: Пер. з англ. М.: Изд. дом «Вильямс», 2003. — 960с. Коггзолл Джон. РНР 5. Полное руководство.: Пер.

з англ. М.: Издательский дом «Вильямс», 2006. — 752 с.: рис.

— Парал. тит. англ. Ратбон Э.

J avaScript для чайников.К.: Диалектика, 1995. — 236с. Бардзелл Д.

M acromediaDreamweaverMX 2004 с ASP, ColdFusion и PHP. Из первых рук.М.: ЭКОМ, 2006. — 235c. Бурлаков М.Macromedia-Dreamweaver. СПб., БХВ-Петербург, 2004. -

688с.Вуд Л. W eb-графика. Справочник. СПб.: Питер, 1998.

— 246с. Граймес Г. 10 минут на урок InternetWorldWideWeb: Пер с англ. 3-е изд. К., М., СПб.: Издательский дом «Вильямс», 1998. 260с. Грызлов

В. Java Script. Изд. 3-е.М.: ДМК Пресс, 2005. 416 с. Дарахвелидзе П. Г. Программирование.СПб.: БХВ-Петербург, 2003. 784 с. Кассер Д. Использование MacromediaDreamweaver. М., СПб., К.: Издательский дом «Вильямс», 2005.

720 с. Келли Д. Самоучитель MacromediaDreamweaver. СПб: Питер, 2002. 336с. Культин Н. Основы программирования. СПб.: БХВПетербург, 2003. 608с. Мак Т., Dreamweaver MX 2004

Шаг за шагом. Самоучитель. М.: ЭКОМ, 2006. 312с. Миллер М. Использование Windows: Пер. с англ. К.; М.; СПб.: Издательский дом «Вильямс», 2008.

336с.Молер Дж. Dreamweaver MX 2004

Руководство Web-дизайнера. М.: ЭКСМО, 2005. 67с. Морис Б. HTML в действии: Пер. с англ. СПб.: Питер, 1997.

356 с. Негус К. I nternet Explorer. Библия пользователя. Пер с англ.К., М., СПб.: Диалектика, 1998. 160 с. Пасько

В. MacromediaDreamweaver. К.: BHV, 2006. 384с. Уолл

Д. Использование WWW: Пер с англ. 2-е изд.К.: Диалектика, 1997. 432с. Фленов М. Е. Программирование глазами хакера.СПб.: БХВ-Петербург, 2003.

368с.Хестер Н. Создание Web-страниц в Dreamweaver. М.: НТ Пресс, 2005. — 104с. Ашманов И.

С., Иванов А. А. Продвижение сайта в поисковых системах. —

М.: Вильямс, 2007. 304 с. Колисниченко Д. Н. Поисковые системы и продвижение сайтов в Интернете. М.: Диалектика, 2007.

272с.Ландэ Д. В. Поиск знаний в Internet. — М.: Диалектика, 2005.

272 с. Гусев В. С. Google: эффективный поиск. Краткое руководство. М., 2006.

296с.Гудман Д. J avaScript и DHTML. Сборник рецептов. Для профессионалов, Питер, 2004 г. Дэвис С. Языки JavaScript и VBScript.

— К.: Диалектика, 1996. 654с.Лещев.Д.Создание интерактивного web-сайта: учебный курс.СПб.:Питер, 2003. 544 с.: ил. Николаенко Д. В. Практические занятия по JavaScript для начинающих. СПБ: Наука и техника, 2000. 130 с. Матросов А., Сергеев А., Чаунин М.

HTML 4.

0. СПб: Издательство «BHV», 1999. 670 с. Микляев А. Основы HTML. М.: Солон, 1998. 364c. Мэрдок, Келли, Л. J

avaScript: наглядный курс создания динамических Web-страниц.: Пер. с англ.: Уч. пос. М.

: Издательский дом «Вильяме», 2001. 288 с.: ил. — Парал. тит. англ.

Патерсон Л. Использование HTML 4. К.; М.; СПб.: Вильямс, 1998. 512 с. Сергеев А.О.HTML 4.

0. БХВ СанктПетербург, 1999

Шапошников И. W eb-сайт своими руками. БХВ — Санкт-Петербург, 2000. ПРИЛОЖЕНИЯПриложение 1 Файл inc/classes.php ';}public static function year_start2class ($year=2000){$y = gmdate ('Y'); //получаем текущий год$m = gmdate ('M'); //получаем текущий месяцif ($m>=9) $y+=1; //с сентября новый учебный год$razn = $y-$year; //получаем разницу между годом поступления и текущим годомif ($razn>3) $razn+=1; //если учащийся учится 4 года, то он уже в пятом классе, если 5, то в 6… return $razn;}}//управление классамиclass Classes{public static function init (){global $db;//обрабатываем операции if (isset ($_POST['opt'])){switch ($_POST['opt']) {//удаление позицииcase 'del': return Classes: del (@$_POST['id']);break;//изменение позиции (форма)case 'edit': returnClasses: edit (@$_POST['id']);break;//создание новой позиции (форма)case 'new': return Classes: newitem ($t);break;//сохранение формы (создание/изменение)case 'save': return Classes: save (@$_POST);break;}}return Classes: get_list ();}//получение списка классовpublic static function get_list (){global $db;$res = $db->query («SELECT * FROM `classes` ORDER BY `year_start` DESC, `bukva` ASC»);if (!(@$db->count ($res))>0) return ' Классы не созданы! &#

39;;$tmp=' Список классов Создать новый класс Класс Год набора класса Управление ';while ($r = $db->get_row ($res)) {$tmp.=' '.SchSys:year_start2class ($r['year_start']).' '.$r['bukva']. ' '.$r['year_start'].' '.SchSys:control_tbl ($r['id']).' ';}return $tmp.' ';}//получение списка классовpublic static function get_select ($id=0){global $db;$res = $db->query («SELECT * FROM `classes` ORDER BY `year_start` DESC, `bukva` ASC»);$tmp=' ';while ($r = $db->get_row ($res)) {$tmp.=' '.SchSys:year_start2class ($r['year_start']).' '.$r['bukva']. ' ';}return $tmp.' ';}public static function del ($id){global $db;if ($id>0) $db->query («DELETE FROM `classes` WHERE `id`=».addslashes ($id));}public static function edit ($id){global $db;if (!$id>0) return false;$r = $db->string («SELECT * FROM `classes` WHERE `id`=».addslashes ($id));if (!$r) return ' Какой ужас! Программа была удалена до того, как вы ее открыли! &# 39;;$r['description']=preg_replace ('# #i'," «, $r['description']); //удаляем тегиreturn Classes: form ($r);}public static function newitem ($os){$r['id']=0;return Classes: form ($r);}public static function save ($inp){global $db;$id = $inp['id']; unset ($inp['id'],$inp['opt']);$set = $db->gen_set ($inp);if ($id>0)$sql="UPDATE `classes` SET „.$set.“ WHERE `id`=».addslashes ($id);else$sql="INSERT INTO `classes` SET «.$set;$db->query ($sql);return Classes: get_list ();}public static function form ($inp=»"){$top=(($inp['id']>0)?'Редактирование класса':'Добавление класса');$top=' '.$top.' ';return @' '.$top.' Год набора класса Буква Сохранить ';}}//управление нормативамиclassNormativy{public static function init (){global $db;//обрабатываем операции if (isset ($_POST['opt'])){switch ($_POST['opt']) {//удаление позицииcase 'del': returnNormativy: del (@$_POST['id']);break;//изменение позиции (форма)case 'edit': returnNormativy: edit (@$_POST['id']);break;//создание новой позиции (форма)case 'new': return Normativy: newitem ($t);break;//сохранение формы (создание/изменение)case 'save': return Normativy: save (@$_POST);break;}}return Normativy: get_list ();}//получение списка public static function get_list (){global $db;$res = $db->query («SELECT * FROM `normativy` ORDER BY `name`»);$tmp=' Создать норматив ';if (!(@$db->count ($res))>0) return $tmp.' Список нормативов пуст! &#

39;;$tmp.=' Список нормативов Наименование Управление ';while ($r = $db->get_row ($res)) {$tmp.=' '.$r['name'].' '.SchSys:control_tbl ($r['id']).' ';}return $tmp.' ';}public static function del ($id){global $db;if ($id>0) $db->query («DELETE FROM `normativy` WHERE `id`=».addslashes ($id));}public static function edit ($id){global $db;if (!$id>0) return false;$r = $db->string («SELECT * FROM `normativy` WHERE `id`=».addslashes ($id));if (!$r) return ' Какой ужас! Программа была удалена до того, как вы ее открыли! &# 39;;$r['description']=preg_replace ('# #i'," «, $r['description']); //удаляем тегиreturn Normativy: form ($r);}public static function newitem ($os){$r['id']=0;return Normativy: form ($r);}public static function save ($inp){global $db;$id = $inp['id']; unset ($inp['id'],$inp['opt']);$set = $db->gen_set ($inp);if ($id>0)$sql="UPDATE `normativy` SET „.$set.“ WHERE `id`=».addslashes ($id);else$sql="INSERT INTO `normativy` SET «.$set;$db->query ($sql);return Normativy: get_list ();}public static function form ($inp=»"){$top=(($inp['id']>0)?'Редактирование норматива':'Добавление норматива');$top=' '.$top.' ';return @' '.$top.' Наименование норматива Сохранить ';}}//управление нормативамиclassStudents{public static function init (){global $db;//обрабатываем операции if (isset ($_POST['opt'])){switch ($_POST['opt']) {//удаление позицииcase 'del': returnStudents: del (@$_POST['id']);break;//изменение позиции (форма)case 'edit': returnStudents: edit (@$_POST['id']);break;//создание новой позиции (форма)case 'new': return Students: newitem ($t);break;//сохранение формы (создание/изменение)case 'save': return Students: save (@$_POST);break;}}return Students: get_list ();}//получение списка public static function get_list (){global $db;$class_s=0;if (isset ($_GET['param'])) $class_s=$_GET['param']; $classes = «Классы: «;$classes.=' Все ';$res = $db->query («SELECT `students`.`fio`,`students`.`id`,`classes`.`year_start`, `classes`.`bukva`,`classes`.`id` as `class_id` FROM `students` LEFT JOIN `student_class` ON `students`.`id` = `student_class`.`student_id`LEFT JOIN `classes` ON `classes`.`id` = `student_class`.`class_id`ORDER BY `classes`.`year_start` DESC, `students`.`fio` ASC»);$tmp=' Добавить учащегося ';if (!(@$db->count ($res))>0) return $tmp.' Список учащихся пуст!

';$tmp.=' Список учеников ФИО Класс Управление ';while ($r = $db->get_row ($res)) {if ($class_s==0—$class_s==$r['class_id'])$tmp.=' Дневник '.$r['fio']. ' '.SchSys:year_start2class ($r['year_start']).' '.$r['bukva']. ' '.SchSys:control_tbl ($r['id']).' ';$classes.=' '.SchSys:year_start2class ($r['year_start']).' '.$r['bukva']. ' ';}return $classes.' '.$tmp.' ';}public static function del ($id){global $db;if ($id>0) $db->query («DELETE FROM `students` WHERE `id`=».addslashes ($id));}public static function edit ($id){global $db;if (!$id>0) return false;$r = $db->string («SELECT `students`.`fio`,`students`.`id`,`classes`.`year_start`, `classes`.`id` as `class_id` FROM `students` LEFT JOIN `student_class` ON `students`.`id` = `student_class`.`student_id`LEFT JOIN `classes` ON `classes`.`id` = `student_class`.`class_id`WHERE `students`.`id`=».addslashes ($id));$r['description']=preg_replace ('# #i'," «, $r['description']); //удаляем тегиreturn Students: form ($r);}public static function newitem ($os){$r['id']=0;return Students: form ($r);}public static function save ($inp){global $db;$id = $inp['id']; $class_id = $inp['class_id']; unset ($inp['id'],$inp['opt'],$inp['class_id']);$set = $db->gen_set ($inp);if ($id>0){$sql="UPDATE `students` SET „.$set.“ WHERE `id`=».addslashes ($id);$db->query ($sql);}else{$sql="INSERT INTO `students` SET «.$set;$id=$db->insert ($sql);}//привязка ученика к классу$db->query („DELETE FROM `student_class` WHERE `student_id`=“.addslashes ($id));$db->query („INSERT INTO `student_class` SET `class_id`='“ .addslashes ($class_id).» ',`student_id`=".addslashes ($id));return Students: get_list ();}public static function form ($inp=""){$top=(($inp['id']>0)?'Редактирование учащегося':'Добавление учащегося');$top=' '.$top.' ';return @' '.$top.' ФИО учащегося Класс '.Classes:get_select ($inp['class_id']).' Сохранить ';}}class Dnevnik{public static function show (){if (isset ($_GET['param'])) $student_id=$_GET['param']; elsereturn 'Студентневыбран!';if (isset ($_GET['param2']))$year=$_GET['param2']; else{$year = gmdate ('Y');if (gmdate ('M') string («SELECT `students`.`fio`,`students`.`id`,`classes`.`year_start`, `classes`.`id` as `class_id`, `classes`.`bukva` FROM `students` LEFT JOIN `student_class` ON `students`.`id` = `student_class`.`student_id`LEFT JOIN `classes` ON `classes`.`id` = `student_class`.`class_id`WHERE `students`.`id`=».addslashes ($student_id));$tmp=' Дневник учащегося ФИО '.$r['fio']. ' Поступил в школу в '.$r['year_start']. ' году Учится в классе '.SchSys:year_start2class ($r['year_start']).' '.$r['bukva']. ' Показаны оценки за '.$year.'

-'.($year+1).' уч. год'.Dnevnik:year_filter ($r['year_start'],$year,$student_id);return $tmp.Dnevnik:get_values ($student_id,$year);}public static function year_filter ($year_start,$select_year,$student_id){$tmp='