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

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

Дистанционное обучение с использованием интернет-технологий, методика и технологии его применения. Программы "eLearning Server 3000", "Lotus LearningSpace", "Батисфера", "SunRav TestOfficePro". Представление информации и система проверки знаний.

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык русский
Дата добавления 13.05.2009
Размер файла 2,4 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

Страница:

1.11.2 Сервер баз данных MySQL и его особенности

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

MySQL был разработан компанией TcX для внутренних нужд, которые заключались в быстрой обработке очень больших баз данных. Компания утверждает, что использует MySQL с 1996 года на сервере с более чем 40 БД, которые содержат 10,000 таблиц, из которых более чем 500 имеют более 7 миллионов строк. MySQL является идеальным решением для малых и средних приложений. Исходные тексты сервера компилируются на множестве платформ. Наиболее полно возможности сервера проявляются на Unix-серверах, где есть поддержка многопоточности, что дает значительный прирост производительности. В варианте под Windows, MySQL может запускаться как сервис Windows NT или как обычный процесс на Windows 95/98.

MySQL-сервер является бесплатным для некоммерческого использования.

MySQL поддерживает язык запросов SQL в стандарте ANSI 92, и кроме этого имеет множество расширений к этому стандарту, которых нет ни в одной другой СУБД.

Краткий перечень возможностей MySQL.

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

2 Количество строк в таблицах может достигать 50 млн;

3 Быстрое выполнение команд. Возможно MySQL самый быстрый сервер из существующих;

4 Простая и эффективная система безопасности.

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

Не реализована поддержка транзакций. Взамен предлагается использовать LOCK/UNLOCK TABLE;

Нет поддержки триггеров и хранимых процедур;

Нет поддержки внешних ключей.

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

1.11.3 Выбор средства проектирования web-узлов

На сегодняшний момент существует два мощных средства создания web-узлов - это последние версии Frontpage 2003 компании Microsoft и Dreamweaver MX 2004 компании Macromedia [7].

Программный пакет FrontPage долгое время развивался и совершенствовался фирмой Microsoft. Его версия FrontPage 2000 отличается от всех предыдущих тем, что она впервые интегрирована в структуру пакета программ Microsoft Office. Вероятно, это объясняется тем обстоятельством, что проектирование web-сайтов и мультимедийных электронных изданий из задачи для профессионалов перешли в сферу офисной деятельности. Однако, FrontPage 2002 вновь поставляется отдельно от Microsoft Office XP.

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

Программный пакет Dreamweaver, как и FrontPage, предназначен для проектирования различных сайтов, в том числе и сайтов издательств, одной из задач которых является распространение электронных изданий. Он пригоден как для создания небольших, так и очень больших сайтов. В первом случае разработкой занимается единственный специалист - web-мастер. В последнем случае над проектом работает целый коллектив, включающий администратора проекта, web-дизайнера, HTML-верстальщика, web-программиста, корректора, менеджера рассылок. Многие специалисты утверждают, что профессиональные web-дизайнеры в своей работе чаще всего используют Adobe Photoshop для подготовки графики и Macromedia Dreamweaver - для дизайна отдельных web-страниц. Особенностью данного программного средства является хорошая поддержка языка PHP, который используется в проекте для программирования и автоматическая или ручная синхронизация измененных данных с удаленным сервером. Эти особенности, а также простота и быстрота работы программы во многом обуславливают выбор именно этого программного продукта в качестве средства проектирования разрабатываемого web-приложения.

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

2.1 Построение инфологической модели предметной области

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

Требования к инфологической модели:

адекватность отображения предметной области;

непротиворечивость;

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

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

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

легкость восприятия разными категориями пользователей.

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

Инфологическая модель предметной области представлена в приложении А.

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

Объект "Пользователи" включает в себя данные о пользователях зарегистрированных в системе. Он обладает свойствами: Логин, Пароль, Фамилия, Имя, Отчество, Учебная группа, Дата регистрации, Пол, Адрес электронной почты, Шифр студента, Флаг администрирования. Все указанные свойства, кроме свойств Логин, Дата регистрации и Шифр студента, являются динамическими, т.е. могут меняться. Поля Логин, Дата регистрации и Шифр студента- статические. Их значения остаются постоянными.

Объект "Курсы ДО" включает в себя информацию о дисциплинах дистанционного обучения. Он обладает свойствами: Идентификатор курса, Название курса, Аннотация курса, Полное описание курса, Картинка курса, Продолжительность курса, №. Все указанные свойства, кроме свойства Идентификатор курса, являются динамическими, т.е. могут меняться. Поле Идентификатор курса - статическое.

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

Объект "Преподаватели" включает в себя информацию о преподавателях курсов ДО. Он обладает свойствами: Идентификатор преподавателя, Фамилия Имя Отчество преподавателя, Ученая степень преподавателя, Адрес электронной почты преподавателя, Информация о преподавателе, Фото преподавателя. Все указанные свойства, кроме свойства Идентификатор преподавателя, являются динамическими, т.е. могут меняться. Поле Идентификатор преподавателя - статическое.

Объект "Курсы пользователей" включает в себя информацию о курсах ДО, на которые зарегистрировались пользователи системы. Он обладает свойствами: Идентификатор курса, Логин, № курса, Статус курса, Дата регистрации курса. Все указанные свойства, кроме свойств Идентификатор курса и Дата регистрации курса, являются динамическими, т.е. могут меняться. Поля Идентификатор курса и Дата регистрации курса - статические, их значение не меняется.

Объект "Тесты пользователей" включает в себя информацию о результатах тестирования зарегистрированных студентов. Он обладает свойствами: Идентификатор теста, № курса пользователя, Число попыток теста, Процент лучшего результата теста, Дата последнего тестирования. Все указанные свойства, кроме свойства Идентификатор теста, являются динамическими, т.е. могут меняться. Поле Идентификатор теста - статическое.

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

Объект "Вопросы тестов" содержит вопросы для тестов. Он обладает свойствами: Идентификатор вопроса, № подраздела курса, Контекст вопроса. Все указанные свойства, кроме свойства Идентификатор вопроса, являются динамическими, т.е. могут меняться. Поле Идентификатор вопроса - статическое.

Объект "Ответы на вопросы тестов" содержит ответы на вопросы тестов. Он обладает свойствами: Идентификатор ответа, № вопроса, Контекст ответа, Флаг правильного ответа. Все указанные свойства, кроме свойства Идентификатор ответа, являются динамическими, т.е. могут меняться. Поле Идентификатор ответа - статическое.

Объект "Новости" содержит информацию для вывода новостей. Он обладает свойствами: Идентификатор новости, Название новости, Дата новости, Контекст новости, Автор новости. Все указанные свойства, кроме свойства Идентификатор новости, являются динамическими, т.е. могут меняться. Поле Идентификатор новости - статическое.

Объекты "Пользователи" и "Курсы пользователей" связаны между собой связью "один-ко-многим", объекты "Пользователи" и "Допустимые шифры" - связью "один-к-одному", объекты "Курсы пользователей" и "Курсы ДО" - связью "многие-к-одному", объекты "Курсы пользователей" и "Тесты пользователей" - связью "один-ко-многим", объекты "Курсы пользователей" и "Тесты пользователей" - связью "один-ко-многим", объекты "Курсы ДО" и "Преподаватели" - связью "многие-к-одному", объекты "Курсы ДО" и "Подразделы курса" - связью "один-ко-многим", объекты "Тесты пользователей" и "Подразделы курса" - связью "многие-к-одному", объекты "Подразделы курса" и "Вопросы тестов" - связью "один-ко-многим", объекты "Вопросы тестов" и "Ответы на вопросы тестов" - связью "один-ко-многим", объект "Новости" не связан с другими объектами.

2.2 Построение даталогической модели предметной области

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

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

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

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

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

Ключевым полем в таблице users является поле login. По полю login данная таблица связана с таблицей "user_courses" связью "один-ко-многим", по полю student_code - c таблицей "student_codes" связью "один-к-одному". Типы данных полей таблицы "users" представлены в таблице 2.1

Таблица 2.1 - Структура таблицы "users"

№п/п

Описание

Поле

Тип данных

Дополнительные параметры

1

Логин студента

login

char(16)

Ключевое

2

Пароль

passwd

char(128)

NOT NULL

3

Фамилия

lastname

char(40)

NOT NULL

4

Имя

firstname

char(40)

NOT NULL

5

Отчество

middlename

char(40)

NOT NULL

6

Учебная группа

n_group

char(40)

NOT NULL

7

Дата регистрации в системе

registration_date

date

8

Пол

sex

enum('мужской', 'женский')

9

Адрес электронной почты

email

char(128)

NOT NULL

10

Шифр студента

student_code

char(10)

NOT NULL, UNIQUE

11

Флаг администратора

u_admin

enum('y', 'n')

DEFAULT 'n'

В таблице "courses" хранится информация о курсах дистанционного обучения. Ключевым полем в таблице является поле id_course. Таблица связана по полю id_course с таблицей "user_courses" и таблицей "course_parts" связью "один-ко-многим", по полю n_teacher с таблицей "teachers" связью "многие-к-одному". Поле course_period содержит информацию о продолжительности курса в месяцах. Если студент не прошел курс с даты регистрации в течение числа месяцев, указанных в course_period курс считается не сданным. Структура таблицы с описанием типов полей приведена в таблице 2.2

Таблица 2.2 - Структура таблицы "courses"

№п/п

Описание

Поле

Тип данных

Дополнительные параметры

1

Идентификатор курса

id_course

int

Ключевое, AUTO_INCREMENT

2

Название курса

course_name

char(128)

NOT NULL

3

Аннотация курса

course_annotation

text

4

Ссылка на файл описания курса

course_full_description

char(128)

5

Ссылка на файл картинки курса

course_picture_link

char(128)

6

Продолжительность курса

course_period

float

7

Преподаватель курса

n_teacher

int

NOT NULL

В таблице "course_parts" хранится информация о подразделах курсов дистанционного обучения. Ключевым полем в таблице является поле id_course_part. Таблица связана по полю id_course_part с таблицей "questions" и таблицей "user_tests" связью "один-ко-многим", по полю n_course с таблицей "courses" связью "многие-к-одному". Структура таблицы с описанием типов полей приведена в таблице 2.3

Таблица 2.3 - Структура таблицы "course_parts"

№п/п

Описание

Поле

Тип данных

Дополнительные параметры

1

Идентификатор подраздела курса

id_course_part

int

Ключевое, AUTO_INCREMENT

2

Курс

n_course

int

NOT NULL

3

Подраздел курса

n_part

int

NOT NULL

4

Ссылка на файл загрузки подраздела курса

download_link

char(128)

NOT NULL

5

Описание ссылки загрузки

download_description

text

6

Название теста

test_name

char(128)

7

Количество вопросов, выводимых при тестировании

test_question_count

int

NOT NULL, DEFAULT 5

В таблице "questions" хранится информация о вопросах тестов. Ключевым полем в таблице "questions" является поле id_question. Таблица связана по полю id_question с таблицей "answers" связью "один-ко-многим", по полю n_course_part с таблицей "course_parts" связью "многие-к-одному". Структура таблицы с описанием типов полей приведена в таблице 2.4

Таблица 2.4 - Структура таблицы "questions"

№п/п

Описание

Поле

Тип данных

Дополнительные параметры

1

Идентификатор вопроса

id_question

int

Ключевое, AUTO_INCREMENT

2

Подраздел

n_course_part

int

NOT NULL

3

Содержимое вопроса

question_content

char(255)

NOT NULL

В таблице "answers" хранится информация о вариантах ответов на вопросы тестов. Ключевым полем в таблице является поле id_answer. Таблица связана по полю n_question с таблицей "questions" связью "многие-к-одному". Структура таблицы с описанием типов полей приведена в таблице 2.5

Таблица 2.5 - Структура таблицы "answers"

№п/п

Описание

Поле

Тип данных

Дополнительные параметры

1

Идентификатор ответа

id_answer

int

Ключевое, AUTO_INCREMENT

2

Вопрос

n_question

int

NOT NULL

3

Содержимое ответа

answer_content

char(255)

NOT NULL

4

Флаг правильного ответа

right_answer

enum('y', 'n')

NOT NULL, DEFAULT 'n'

В таблице "user_courses" хранится информация о курсах, на которые зарегистрировались студенты. Ключевым полем в таблице "user_courses" является поле id_user_course. Таблица связана по полю id_user_course с таблицей "user_tests" связью "один-ко-многим", по полю login с таблицей "users" связью "многие-к-одному", по полю n_course с таблицей "courses" связью "многие-к-одному". Структура таблицы с описанием типов полей приведена в таблице 2.6

Таблица 2.6 - Структура таблицы "user_courses"

№п/п

Описание

Поле

Тип данных

Дополнительные параметры

1

Идентификатор курса студента

id_user_course

int

Ключевое, AUTO_INCREMENT

2

Логин студента

login

char(16)

NOT NULL

3

Курс

n_course

int

NOT NULL

4

Статус курса

status

enum('reg', 'end', 'not')

NOT NULL

5

Дата регистрации курса

registration_date

date

6

Дата окончания курса

end_date

date

В таблице "user_tests" хранится информация о тестах пройденных студентами. Ключевым полем в таблице "user_tests" является поле id_user_test. Таблица связана по полю n_user_course с таблицей "user_courses" связью "многие-к-одному", по полю n_course_part с таблицей "course_parts" связью "многие-к-одному". Поле status может принимать одно из трех значений - reg - студент обучается, end - студент успешно завершил курс, not - студент не прошел курс. Поле registration_date заполняется автоматически текущей датой при регистрации на курс. Поле end_date заполняется автоматически текущей датой при успешном или неуспешном завершении курса. Структура таблицы с описанием типов полей приведена в таблице 2.7

Таблица 2.7 - Структура таблицы "user_tests"

№п/п

Описание

Поле

Тип данных

Дополнительные параметры

1

Идентификатор теста студента

id_user_test

int

Ключевое, AUTO_INCREMENT

2

Курс студента

n_user_course

int

NOT NULL

3

Подраздел курса

n_course_part

int

NOT NULL

4

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

attemps

int

5

Процент лучшего результата

percent

int

6

Дата последнего тестирования

last_test_date

date

В таблице "teachers" хранится информация о преподавателях. Ключевым полем в таблице "teachers" является поле id_teacher. Таблица связана по полю id_teacher с таблицей "courses" связью "один-ко-многим". Поле attemps содержит число попыток студента пройти тест. В поле last_test_date заносится дата последней попытки прохождения теста. Структура таблицы с описанием типов полей приведена в таблице 2.8

Таблица 2.8 - Структура таблицы "teachers"

№п/п

Описание

Поле

Тип данных

Дополнительные параметры

1

Идентификатор преподавателя

id_teacher

int

Ключевое, AUTO_INCREMENT

2

Имя преподавателя

teacher_name

char(128)

NOT NULL

3

Ученая степень преподавателя

teacher_degree

char(128)

NOT NULL

4

Адрес электронной почты преподавателя

teacher_email

char(128)

5

Ссылка на файл с фото преподавателя

teacher_photo

char(128)

6

Информация о преподавателе

teacher_about

text

В таблице "correct_codes" хранится информация о шифрах студентов, которым разрешено администратором обучаться дистанционно. Ключевым полем в таблице "correct_codes" является поле student_code. Таблица связана по полю student_code с таблицей "users" связью "один-к-одному". Структура таблицы с описанием типов полей приведена в таблице 2.9

Таблица 2.9 - Структура таблицы "correct_codes"

№п/п

Описание

Поле

Тип данных

Дополнительные параметры

1

Шифр студента

student_code

int

Ключевое

В таблице "news" хранится информация о новостях сайта. Ключевым полем в таблице "news" является поле id_news. Структура таблицы с описанием типов полей приведена в таблице 2.10

Таблица 2.10 - Структура таблицы "news"

№п/п

Описание

Поле

Тип данных

Дополнительные параметры

1

Идентификатор новости

id_news

int

Ключевое, AUTO_INCREMENT

2

Название новости

title

char(128)

NOT NULL

3

Дата новости

date_news

date

4

Ссылка на файл новости

body_news

char(128)

NOT NULL

5

Автор новости

autor_news

char(128)

Схема даталогической модели предметной области представлена на рисунке 2.1

Рисунок 2.1 - Даталогическая модель предметной области

2.3 Тонкости установки и настройки аппаратно-программного комплекса

Для разработки системы используется комплекс программ, без которых создание требуемого приложения было бы невозможным. Как уже говорилось ранее, в качестве web-сервера выбран Apache версии 2.0.35, в качестве языка программирования PHP 4.1.2, в качестве сервера баз данных MySQL 4.0.21. Для разработки и тестирования приложения используется Macromedia Dreamweaver MX 2004. Каждый из этих продуктов требует тонкой настройки. В этом подразделе описаны тонкости установки и настройки перечисленных программных средств.

2.3.1 Web-сервер Apache

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

Apache - это своего рода стандарт Web-сервера в Интернете. Его основным конкурентом является IIS (Internet Information Server) от Microsoft, который работает под Windows. Apache, хотя и существуют его версии под Windows, преимущественно устанавливается на Unix-подобных операционных системах - Linux и FreeBSD. Нужно также заметить, что большинство хостеров используют именно Apache, а не IIS. IIS устанавливается в основном на корпоративных серверах, работающих под Windows.

Сервер Apache просто необходим - без него мы не сможем протестировать web сценарии PHP. Конечно, можно тестировать и без сервера, но тогда нужно будет использовать сервер хостера, но в этом случае затраты на Интернет сильно возрастут.

2.3.2 Установка и настройка Apache

Для установки Apache для Windows нужно посетить сайт http: // www. apache. org и загрузить версию Apache для Windows) [12]. Установка сервера проблем не вызывает: нужно просто запустить программу установки и выбрать тип установки Typical. Еще потребуется указать каталог, в который будет производиться установка. По умолчанию будет установлен в каталог "C: \Program Files\Apache Group\Apache". Окно установки с заданием некоторых параметров показано на рисунке 2.2

Рисунок 2.2 - Окно установки web-сервера Apache

По окончании установки Apache необходимо настроить. По умолчанию корневым каталогом для HTML-документов будет C: \Program Files\Apache Group\Apache\htdocs. Такое расположение не очень удобно, поэтому создадим каталог С: \www, в котором будут находиться файлы. В этом же каталоге создадим два подкаталога - cgi и html. В первом будут находится CGI-приложения, а во втором - HTML-файлы.

Затем нужно открыть в любом текстовом редакторе файл C: \Program Files\Apache Group\Apache\conf \httpd. conf и отредактировать следующие директивы:

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

DocumentRoot - установим значение С:/www/html:

DocumentRoot с:/www/html

Таким образом, укажем каталог, в котором будут размещаться HTML-файлы.

Установим директивы ScriptAlias так:

ScriptAlias/cgi/"с:/www/cgi/"

ScriptAlias/cgi-bin/"c:/www/cgi/"

Благодаря этому создадим два псевдонима для каталога с:/www/cgi. Таким образом, если будет указан путь http: // localhost/cgi или http: // localhost/cgi-bin, то на самом деле обращение будет к каталогу с:/www/cgi.

Секцию <Directory "С:/Program Files/Apache Group/Apache/htdocs"> заменим на следующую:

<Directory "c:/www">

Options Indexes Includes AllowOverride All Allow from all </Directory>

Таким образом, зададим ряд настроек по умолчанию для каталога с: \www и всех его подкаталогов. А именно: автоматическую генерацию списка содержимого каталога при просмотре его в браузере, поддержку SSI, а также возможность использовать файлы. access для индивидуальной настройки каталогов.

Убедимся, что есть директива AddHandler:

AddHandler cgi-script. bat. exe. cgi

Эта директива указывает Apache на то, что файл с расширениями. bat. exe и. cgi следует воспринимать как CGI-модули.

Установим параметры SSI:

Addtype text/html. shtml

AddHandler server-parsed. shtml. html. htm Благодаря этому файлы с указанными расширениями будут обрабатываться SSI.

Необходимо сохранить отредактированный файл.

Теперь протестируем работу Apache. Запуск:

C: \Program Files\Apache Group\Apache\apache. exe

При успешном запуске появится надпись

Apache/2.0.35 (Win32) running...

Теперь можно проверить корректность работы сервера. Запустим Internet Explorer или любой другой браузер и введем: http: // localhost. Вы должны увидеть стартовую страницу Apache. Теперь проверим CGI и SSI. Для этого создадим файл test. bat и поместим его в каталог c: \www\cgi:

@echo off

echo Content-type: text/html

echo.

echo.

echo Hello!

В окне браузера введите http: // localhost/cgi/test. bat -увидите слово Hello! Для проверки SSI нужно создать файл test. html и поместить его в каталог c: \www\html:

SSI Test<br>

<! -tinclude virtual="/index. html" ->

SSI (Server Side Include) - включение со стороны сервера, позволяет включать в Web-страницу код HTML, находящийся в других файлах.

В окне браузера при вызове файла test. html вы увидите SSI Test, a затем - стартовую страницу Apache.

2.3.3 Установка РНР и настройка Apache для работы с РНР

После установки Apache установим РНР 4. Версию РНР 4 для Windows можно скачать по адресу http: // www. php. net (последняя версия РНР доступна по адресу http: // www. php. net/downloads. php) [13].

Запустим программу установки, которая по умолчанию установит РНР 4 в каталог C: \Program Files\PHP 4\. Однако в процессе установки можно выбрать другой каталог.

Окно установки PHP показано на рисунке 2.3

Рисунок 2.3 - Окно установки PHP 4

Сразу после установки необходимо открыть файл php. ini (он будет в каталоге, куда вы установили РНР) и отредактировать следующие параметры:

[mail function] ; For Win32 only. SMTP = localhost

sendmail_from = me@localhost. com

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

После этого откроем файл httpd. conf (файл конфигурации Apache) и найдем в нем строку:

AddType application/x-httpd-php php

Убедимся, что данная строка не закомментирована, то есть перед ней не стоит значок #. Если он стоит - уберем его. Таким образом, всем файлам с расширением. php будет поставлен в соответствие МIМЕ-тип application/x-httpd-php.

Типы MIME используются для идентификации типа содержимого. Благодаря этому приложения смогут определять, какого вида данные присланы и в каком соответствии сети проводить их обработку. Перечень всех типов MIME, поддерживаемых системой, находится в файле C: \Program Files\Apache Group\Apache\conf. Тип MIME указывается в формате: тип/подтип. Вот основные типы MIME:

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

audio - аудиофайл (audio/mpeg).

image - графический файл (audio/png).

text - текст (text/html - в формате HTML, text/plain - простой).

MIME-тип пересылаемых по сети данных указывается в заголовке Content-type.

Сразу же после этой строки добавим строки:

ScriptAlias/_php_/"с:/Program Files/PHP5/" Action application/x-httpdhp "/_php_/php. exe"

В этих двух строках мы сначала создаем псевдоним _php_ для каталога с:/Program Files/PHP 4/, а затем связываем все файлы типа application/x-httpd-php с обработчиком php. exe.

Теперь можно протестировать РНР. Для этого создадим файл test. php:

<?

phpinfo ();? >

Данный файл нужно поместить в каталог c: \www\html. В браузере введите http: // localhost/test. php. В итоге вы должны увидеть результат работы функции phpinfo().

2.3.4 Установка MySQL

Сервер MySQL можно загрузить по адресу http: // www. mysql. com. Программа установки установит сервер в каталог С: \Progam Files\MySQL\. Для запуска MySQL создадим файл server. bat:

@echo off

"С: \Program Files\MySQL\bin\mysqld"

start/m "C: \Program Files\Apache Group\Apache\apache"

Если вы работаете в Windows NT или 2000, server. bat должен выглядеть так, как это показано в следующем листинге:

@echo off

start C: \Progra~l\MySQL\bin\mysqld-nt - standalone

C: \Progra~l\Apache~l\Apache\apache - k start

Теперь для запуска Apache и MySQL нужно ввести команду server. Создадим файл shutdown. bat, который будет останавливать оба сервера:

@echo off

C: \Progra~l\Apache~l\Apache\apache - k shutdown

C: \Progra~l\MySQL\bin\mysqladmin - u root shutdown

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

user=root

password=geijr

Файл настройки сервера баз данных MySQL находится по умолчанию в корневом каталоге Windows.

Просмотреть все базы данных и таблицы, созданные на сервере MySQL можно утилитой WinMySQLadmin 1.4, окно которой показано на рисунке 2.4.

Рисунок 2.4 - Окно утилиты WinMySQLadmin 1.4

2.4 Работа в Macromedia Dreamweaver MX 2004

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

Рисунок 2.5 - Интерфейс пакета Dreamweaver MX 2004 с командами меню Window.

Остановимся на палитре Object (Объекты), внешний вид которой представлен на рисунке 2.6 Внешний вид палитры изменяется в зависимости от типа объекта, выбранного в раскрывающимся списке, расположенного в ее верхней части; таким образом палитру можно назвать адаптивной. По умолчанию в списке устанавливается раздел Common (Основные). На рисунке 2.6 выбран именно этот вариант.

Рисунок 2.6 - Палитра Objects раздел Common

Эта палитра с помощью различных инструментов позволяет включать в состав страницы различные элементы, в частности, по порядку расположения кнопок в палитре в направлении слева направо и сверху вниз: Image (Изображение), Rollover Image (Анимированную кнопку), внешний вид которой изменяется при подведении к ней курсора мыши, Table (Таблицу), Tabular Data (таблицу с занесенными в нее данными, подготовленными заранее в другом программном пакете), Draw Layer (Новый изобразительный слой), Navigation Bar (Навигационную панель со специальными кнопками для перемещения по сайту), Horizontal Rule (Горизонтальную линейку), Е-mail Link (Ссылку на электронный адрес), Date (Текущую дату), Server-Side Include (Активизацию серверной стороны), Flash Button (Анимированную Flash-кнопку), Flash Text (Анимированный Flash-текст), Shockwave (Анимационный файл в Shockwave-формате), Generator (средства, делающие Web-страницы динамическими, в частности, апплеты и элементы ActiveX, объекты, воспроизводимые с помощью дополнительных модулей) и пр.

Палитра Objects раздел Forms (Формы), показанная на рисунке 2.7, служит для создания форм (см. разд.2.8) и содержит следующие кнопки: Form (Форма), Text field (текстовое поле), Button (Кнопка), Checkbox и Radio Batton (Переключатели), List/menu (Список/меню), File field (Поле для передачи файлов) и Image field (Поле для передачи изображений), Hidden field (Скрытое поле) и Jump menu (Указатель гиперссылки для перехода на другой сайт).

Рисунок 2.7 - Палитра Objects раздел Forms

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

Рисунок 2.8 - Палитра Objects раздел Text

В нижней части всех палитр группы Object (Объект) предусмотрены поля Layout (Выравнивание) и View (Просмотр), которые позволяют наблюдать и управлять размещением объектов на Web-странице (рисунок 2.9).

Рисунок 2.9 - Палитра Objects раздел Layout

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

Рисунок 2.10 - Палитра Objects раздел PHP

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

Для непосредственного создания сайта следует предварительно сделать все необходимые установки. С этой целью выбирается команда Edit | Preferences (Редактирование | Настройки). В результате откроется диалоговое окно Preferences (Настройки), показанное на рисунке 2.11 Здесь задаются различные настройки для будущего сайта - название, цвета ссылок, размещение каскадных таблиц стилей CSS, параметры использования различных элементов.

Рисунок 2.11 - Диалоговое окно Preferences

Для изменения любой страницы в Dreamweaver используется редактор страниц. На рисунке 2.12 показана рабочая область с загруженным документом inde. php. Редактировать можно в трех режимах - кода, дизайнера, совмещенного (кода и дизайнера). Для работы с PHP больше всего подходит первый режим. Просматривать страницы и запускать скрипты удобно по клавише F12, которая автоматически открывает страницу в выбранном заранее браузере.

Рисунок 2.12 - Редактор кода страниц

Для синхронизации изменений внесенных при модификации страниц сайта или добавлении данных (файлов или рисунков) используется редактор файлов (рисунок 2.13). Добавлять или удалять файлы можно из контекстного меню редактора, выбирая соответствующие пункты. Удобнее всего редактировать данные и модифицировать страницы в локальном режиме Local View, а затем синхронизировать с сервером в режиме Testing Server через пункт меню Sinchronize.

Рисунок 2.13 - Редактор файлов сайта

2.5 Создание электронных учебных материалов для ДО

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

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

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

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

Рисунок 2.14 - Фреймовая структура электронного учебника

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

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

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

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

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

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

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

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

2.6 Разработка web-приложения

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

2.6.1 Разработка пользовательского интерфейса

В качестве цветовой гаммы выбраны синие и оранжевые цвета. Подобраны оттенки, достаточно хорошо гармонирующие друг с другом. Текст отображен шрифтом семейства Verdana, Arial, Sans-serif черным или темно-серым цветом.

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

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

Рисунок 2.15 - Заголовочная часть пользовательского интерфейса

В нижней части расположено пользовательское меню с ниспадающими подменю. Элементы меню выполнены в светло-синем стиле, подсветка активного пункта осуществляется оранжевым цветом. Меню написано на языке java-скрипт и взято с сайта бесплатных шрифтов [11]. Оно реализовано в файле popup_me. js, к которому прикрепляются файлы содержимого меню (menu. php - для основного меню, menu_adm. php - для меню администрирования) и содержимого подменю (menu_rli. js - для подменю основного меню, menu_rli_adm. js - для подменю меню администрирования). Внешний вид меню представлен на рисунке 2.16.

Рисунок 2.16 - Пользовательское меню

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

Рисунок 2.17 - Информативная панель

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

Рисунок 2.18 - Строка статуса

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

Рисунок 2. 19 - Рабочая область страницы

2.6.2 Использование каскадных таблиц стилей CSS

В программе для удобства вывода интерфейсных элементов используются каскадные таблицы стилей CSS. Все стили хранятся в файле rli_style. css. Присоединение таблицы стилей к странице осуществляется следующим образом:

<link href="rli_style. css" rel="stylesheet" type="text/css">

Вывести стиль применительно к элементу страницы можно, задав свойству class элемента название стиля, например, class=\"buttonOrange\".

Для создания стиля необходимо добавить в файл rli_style. css строку стиля в следующем виде:

Название стиля {Свойство стиля: Значение; Свойство стиля: Значение; }

Основные свойства стилей приведены в таблице 2.11

Таблица 2.11 - Назначение свойств стилей

№п/п

Имя свойства

Назначение свойства

1

height

Высота элемента

2

width

Ширина элемента

3

border-top

Параметры верхней границы

4

border-bottom

Параметры нижней границы

5

border-left

Параметры левой границы

6

border-right

Параметры правой границы

7

font-family

Семейство шрифта

8

font-size

Размер шрифта

9

font-weight

Свойства шрифта

10

color

Цвет текста

11

background-color

Цвет фона

12

background-image

Фоновый рисунок

13

border

Тип границы

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

Таблица 2.12 - Используемые каскадные таблицы стилей

№п/п

Название стиля

Назначение стиля

1

center,a,div,tr,td,table, input,textarea,p,small,body

Стили для тэгов

2

popfirst, poplast

Стиль пунктов меню

3

a. m, a. ml

Cтили ссылок

4

brbt

Рамка для пунктов меню

5

bpics

Высота белых полосок в меню

6

bcoursespic, btrainingpic, bcontactspic, baboutpic, bstudentpic, badminpic

Ширина белых полосок в меню

7

bb, bn, bi, bd

Рамки таблиц

8

popuser, a. pmenu

Пункты в меню

9

textheader

Стиль текста заголовка

10

textonlightblue

Текст на светло-голубом фоне

11

textonlight

Текст на светлом фоне (основной)

12

textonblue

Текст на синем фоне

13

textonorange

Текст на оранжевом фоне

14

textrederror

Текст ошибки

15

a

Основная ссылка

16

a. light

Текст ссылки

17

a. notunder

Текст ссылки без подчеркивания

18

buttonBlue

Синяя кнопка

19

buttonOrange

Оранжевая кнопка

20

buttonFiolete

Фиолетовая кнопка

21

hr_onlightblue_orange

Оранжевая разделительная полоска

22

hr_onlightblue_blue

Синяя разделительная полоска

23

table_admin

Таблицы на странице администрирования

2.6.3 Файловая структура приложения

Все файлы приложения размещаются в корневом каталоге сайта. Проект содержит несколько подкаталогов:

config, каталог с файлами конфигурации Apache и MySQL, а также тестовую базу данных;

data, хранит файлы описания и картинки курсов;

dbedit, хранит скрипты для создания базы данных (db_create_rli. php);

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

images, хранит все файлы изображений, используемые в приложении;

news, в котором хранятся файлы новостей для таблицы news.

В корневом каталоге хранятся файлы, описанные в таблице 2.13.

Таблица 2.13 - Описание файловой структуры приложения

№п/п

Название файла

Назначение файла

1

2

3

1

about_contacts. php

Страница о контактах

2

about_contacts_right. php

Область для вывода данных страницы о контактах

3

about_faq. php

Страница вопросов ответов

4

about_faq_right. php

Область для вывода данных страницы вопросов и ответов

5

about_info. php

Страница о проекте

6

about_info_right. php

Область для вывода данных страницы о проекте

7

about_teachers. php

Страница о преподавателях

8

about_teachers_right. php

Область для вывода данных страницы о преподавателях

9

admin. php

Страница администрирования

10

admin_add. php

Модуль администрирования - добавление данных в таблицу

11

admin_add_check. php

Модуль администрирования - проверка добавления данных в таблицу

12

admin_del. php

Модуль администрирования - удаление данных из таблицы

13

admin_edit. php

Модуль администрирования - вывод таблицы для редактирования

14

admin_right. php

Область для вывода данных страницы администрирования

15

admin_update. php

Модуль администрирования - форма обновления

16

admin_update_check. php

Модуль администрирования - проверка обновления

17

body_left. php

Левая часть всех страниц

18

body_list_after_header. php

Средняя часть (вывода данных) оранжевого фрейма

19

body_list_footer. php

Нижняя часть оранжевого фрейма

20

body_list_header. php

Заголовочная часть оранжевого фрейма

21

body_right. php

Область для вывода данных главной страницы

Продолжение таблицы 2.13

1

2

3

22

buttom. php

Нижняя строка всех страниц

23

contacts. php

Страница общения

24

contacts_chat. php

Страница чата

25

contacts_chat_right. php

Область для вывода данных страницы чата

26

contacts_forum. php

Страница форума

27

contacts_forum_right. php

Область для вывода данных страницы форума

28

contacts_guestbook. php

Страница гостевой книги

29

contacts_guestbook_right. php

Область для вывода данных страницы гостевой книги

30

contacts_right. php

Область для вывода данных страницы общения

31

courses. php

Информация о курсах

32

courses_for_students. php

Страница курсов

33

courses_for_students_right. php

Область для вывода данных страницы курсов

34

courses_info. php

Информация о курсах

35

courses_info_right. php

Область для вывода данных информации о курсах

36

courses_literature. php

Страница рекомендуемой литературы

37

courses_literature_right. php

Область для вывода данных страницы рекомендуемой литературы

38

courses_organization. php

Страница организации обучения

39

courses_organization_right. php

Область для вывода данных страницы организации обучения

40

courses_registration. php

Проверка регистрации на курсы

41

courses_registration_right. php

Область для вывода данных страницы проверки регистрации на курсы

42

courses_right. php

Область для вывода данных страницы о курсах

43

courses_technology. php

Страница технологии обучения

44

courses_technology_right. php

Область для вывода данных страницы технологии обучения

45

download. php

Страница загрузок

46

download_right. php

Область для вывода данных страницы загрузок

47

error. php

Страница вывода ошибки

48

error_right. php

Область для вывода данных страницы ошибки

49

find. php

Страница организации поиска

50

find_right. php

Область для вывода данных страницы организации поиска

51

header. php

Заголовок всех страниц

52

index. php

Главная страница

53

login_form. php

Модуль отображения данных о пользователе вошедшем в систему

54

menu. php

Модуль основного меню

55

menu_adm. php

Меню администрирования

56

menu_adm_rli. js

Формирование пунктов меню администрирования

57

menu_rli. js

Формирование пунктов основного меню

58

news. php

Страница новостей

59

news_list_after_header. php

Основная часть фрейма новостей слева

60

news_list_footer. php

Нижняя часть фрейма новостей слева

61

news_list_header. php

Страница:


Подобные документы

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.

© 2000 — 2023, ООО «Олбест» Все права защищены