Содержание
Введение. Цель и содержание работы. ……………………
1. Входной язык устройства ЧПУ 2Р32 …………………
1.1.Программирование координатных перемещений …
1.2.Формальные параметры ……………………………………..
1.3.Коррекция положения и размеров
инструмента ….
1.4. Подпрограммы, циклы, операции переходов ……..
1.5. Программирование режимов резания и функций
цикловой автоматики станка …………….
2. Основы проектирования управляющих программ ….
2.1.Функциональная структура УП …………………………
2.2.Основные требования к УП ………………………………
2.3.Порядок разработки и документация УП …………… ..
2.3.1. Выбор координатных систем и формирование
траекторий инструментов …………..
2.3.2.Разработка структур УП и спецификаций
входящих программ ………………………………………
2.3.3.Кодирование УП ……………………………………………
Список используемых источников ……………………………..
Приложение 1. Основные характеристики
станка ВМ501 ПМФ4 ……………….
Приложение 2. Варианты индивидуальных
заданий ……………………………………………
Приложение 3. Основные этапы проектирования
управляющей программы ………………
Выдержка из текста работы
- Введение
- 1. Основная часть
- 1.1 Анализ существующих аналогов
- 1.2 Формы тестов
- 1.3 Проектирование задачи
- 1.4 Принципы контролирующей программы
- 1.5 Актуальность выбранной темы
- 1.6 Разработка контролирующей программы
- 2. Специальная часть
- 2.1 Описание разработанной контролирующей программы
- 2.2 Инструкция пользователю
- 2.3 Инструкция программисту
- 3. Экономическая часть
- 3.1 Экономическое обоснование проекта
- 3.2 Определение затрат на создание тестирующей программы
- Заключение
- Список литературы
- Приложение
Процесс вхождения средних специальных учебных заведений (ССУЗов) в мировое образовательное пространство требует совершенствование, а также серьёзную переориентацию компьютерной — информационной составляющей.
Информационный взрыв породил множество проблем, важнейшей из которых является проблема обучения. Особый интерес представляют вопросы, связанные с автоматизацией обучения, поскольку «ручные методы» без использования технических средств давно исчерпали свои возможности. Наиболее доступной формой автоматизации обучения является применение ЭВМ, то есть использование машинного времени для обучения и контроля знаний студентов.
Всё большее использование компьютеров позволяет автоматизировать, а тем самым упростить ту сложную процедуру, которую используют научные сотрудники и преподаватели при создании методических пособий. Тем самым, представление различного рода «электронных учебников», библиотек, контролирующих программ, методических пособий на компьютере имеет ряд важных преимуществ:
ь Во-первых, это автоматизация как самого процесса создания таковых, так и хранения данных в любой необходимой форме.
ь Во-вторых, это работа с практически неограниченным объёмом данных. Создание компьютерных технологий в обучении соседствует с изданием учебных пособий новой генерации, отвечающих потребностям личности обучаемого.
1.1 Анализ существующих аналогов
В педагогике тесты используются для оценки уровня знаний, умений, навыков учащихся.
Тест — это кратковременное, технически сравнительно просто обставленное испытание, проводимое в равных для всех испытуемых условиях и имеющее вид такого задания, решение которого поддается количественному учету и служит степени развития к данному моменту известной функции у данного испытуемого. С помощью тестов производится тестирование.
Тестирование — это специально разработанная научно оптимизированная аттестационная процедура, позволяющая максимально объективно оценивать уровень достижений человека и выражать эти возможности количественно в форме чисел.
1.2 Формы тестов
Любой тест состоит из тестовых заданий. Тестовые задания по форме ответов бывают открытые и закрытые.
Тестовые задания открытой формы не имеют вариантов ответа. Для выполнения таких заданий необходимо продолжить или вставить недостающую часть утверждения.
Они подразделяются на следующие виды:
· вставка
· дополнение
· кодировка
Тестовые задания закрытой формы предполагают наличие вариантов ответа.
Они подразделяются на следующие виды:
· с одним правильным ответом
· с несколькими правильными ответами
· соответствие
· последовательность
· количественное сравнение
· логическое сравнение
· иерархическое сравнение
Существует ряд общепринятых требований к тестовому контролю
1 * Адекватность или валлидность тестов, т.е. полное соответствие вопросов тестов содержанию учебного материала и требуемому уровню знаний. Т.е., если тест предназначен для, например, определения уровня знаний студентов типа «знания-знакомства» или «знания-копии», то вопросы не должны выходить за рамки различения студентом каких-то определений и конкретной информации по учебному материалу. Если же преподаватель хочет провести тестовый контроль на уровне «знаний-умений» либо «знаний-трансформаций», то вопросы должны предполагать «включение» отвечающим своей интуиции и аналитических способностей.
2 * Общепонятность тестов, т.е. четкая формулировка вопросов, которая должна быть понятна каждому студенту.
3 * Надежность тестов, т.е. устойчивость последовательных результатов тестирования одного и того же студента.
4 * Однозначность каждого теста, т.е. отсутствие расхождений в оценке и качестве выполнения теста разными преподавателями и др.
5 Перекрестное применение тестового контроля одновременно с обычной оценкой знаний способствует повышению успеваемости студентов и стимулирует их к систематической работе в течение всего семестра.
6 Сравнительные эксперименты показали, что обычная «экзаменационная» или «зачетная» оценка уровня знаний оказывается весьма завышенной, если не использовать последовательного и регулярного тестового контроля успеваемости.
Достоинства и недостатки тестирования
Достоинства тестирования:
· возможность проводить массовые измерения
· централизованное — для всех общие требования по всей стране
объективность (использование выборок приводит к меньшему объему работы, дешевле и проще)
Недостатки тестирования:
· централизованное — везде разный уровень
возможность угадывания ответа
1.3 Проектирование задачи
Целью моей дипломной работы является создание электронной контролирующей программы по спецдисциплинам по направлению 230000. Разработанная программа направлена на упрощение проведения проверочных работ по дисциплинам.
В программе должно быть предусмотрено:
— краткое описание по каждой теме
— наличие тестовых заданий по всем дисциплинам(тема, раздел, дисциплина)
— вывод результативной оценки по каждому тесту
— разный дизайн для каждой дисциплины
Во время создания контролирующей программы была создана блок-схема, в которой отображены все разделы данной программы.
В ходе работы мною была разработана контролирующая программа по пяти спецдисциплинам направления 230000:
1. Операционные системы, среды и оболочки;
2. Программное обеспечение компьютерных сетей;
3. Программное обеспечение компьютерных сетей и web-серверов;
4. Разработка и эксплуатация удаленных баз данных;
5. Технология разработки программных продуктов.
Тесты разработаны в трех вариантах для каждой дисциплины.
1.4 Принципы контролирующей программы
При разработке тестовой контролирующей программы необходимо руководствоваться принципами по их созданию:
1.1 Принцип квантования: разбиение программы на дисциплины, состоящие из разделов, тем и тестов в трех вариантах для каждой темы.
1.2 Принцип наглядности: каждая дисциплина предусматривает наличие все тем, тестов, неяркого дизайна, удобного интерфейса.
1.3 Принцип ветвления: все документы в каждой дисциплине должны быть связаны гипертекстными ссылками между собой и с главной страницей так, чтобы у пользователя был выбор перехода на любую другую дисциплину.
1.4 Принцип регулирования: студенты самостоятельно управляют сменой страниц.
1.5 Актуальность выбранной темы
Задавать вопросы студентам в виде специальных тематических тестов в процессе изучения курса дисциплин имеет смысл по ряду причин:
1. Если тест относится к теме лабораторной работы, то преподаватель может сразу определить степень готовности студента к ее выполнению. Можно также оценить, заглядывал ли вообще студент в описание лабораторной работы. А тестовый контроль по теоретической части определяет наличие конспекта лекций и степень знакомства с эти конспектом и учебником.
2. Введение тестового контроля немедленно заставляет и преподавателя и студента пересмотреть свои представления о реальном качестве подготовки к занятию. Ведь тестовые вопросы должны иметь правильные «эталонные» ответы. Поэтому процедура подготовки тестов формулирует у преподавателя четкость мышления и определений. То же самое касается и студентов, отвечающих на вопросы тестов.
3. Объективный тестовый контроль очень широко практикуется при Вузовском обучении во многих станах Европы и США.
4. Регулярный тестовый контроль способен активизировать мотивацию отдельных студентов к изучению учебного материала и поиску правильных ответов. Это может происходить в том случае, когда тесты известны студентам заранее. Хотя, как показывает практика, большинство студентов предпочитают затрачивать минимум усилий при подготовке к тестированию.
5. И, наконец, короткий регулярный тестовый контроль позволяет решать решить проблему учета посещаемости студентами занятий, особенно лекций в условиях сегодняшней студенческой «демократии» в МИФИ.
Главными недостатками тестового контроля являются необходимость преподавателю прикладывать дополнительные усилия по организации тестового контроля и большие затраты времени на проверку тестов. Поэтому автоматизация данного процесса с помощью компьютеров является весьма актуальной. Именно поэтому в данной программе рассматривается специальное программное обеспечение для автоматического тестирования.
1.6 Разработка контролирующей программы
Тестовая контролирующая программа разрабатывалась при помощи следующих технологий:
1. Язык разметки гипертекста HTML
2. Каскадные таблицы стилей CSS
3. Язык описания сценариев JavaScript
4. Графический редактор Adobe Photoshop
5. Notepad++
Язык разметки гипертекста HTML
HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-броузеров. Когда документ создан с использованием HTML, WEB-броузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.
HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. Работа по HTML — это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо.
3 термина, используемые при разработке в HTML:
1. Тег — оформленная единица HTML-кода. Например, <html >, <body>,<h1>,<h2> и так далее. Все теги имеют одинаковый формат: они начинаются знаком «<» и заканчиваются знаком «>».Обычно имеются два тега — открывающий и закрывающий. Различие в том, что в закрывающем имеется слэш «/». Желательно вводить все теги в нижнем регистре(маленькими буквами), хотя не обязательно.
2. Атрибут -это своего рода дополнительная информация. Атрибуты всегда записываются внутри тега, затем следует знак равенства и детали атрибута, заключённые в двойные кавычки.
3. Элемент — понятие, введенное чисто для удобства обьяснения. Например, элемент HEAD состоит из двух тегов — открывающего <HEAD> и закрывающего </HEAD>. Таким образом, элемент — более общее понятие, обозначающее пару тегов и участок документа между тегами, на который распространяется их влияние.
При написании тестовой программы были использованы теги, которые представлены ниже:
1. HTML — определяет тип документа, обязательный, парный.
2. HEAD — определяет «голову» документа, обязательный, парный.
3. BODY — определяет тело документа
Атрибуты:
· text = «000000» — задает цвет текста всего документа;
· bgcolor = fcfcfc» — задает цвет фона документа;
· background = «Fon.jpg» — задает фоновую картинку;
4. TITLE — заголовок окна, содержащего документ, обязательный, парный
5. FRAMESET — определяет фреймовую (оконную) структуру документа: размеры и расположение фреймов на странице, парный.
Атрибуты:
· rows=”50,*” — определяет количество и размеры горизонтальных фреймов (фреймов-строк) в окне браузера. В качестве значения задается список размеров фреймов через запятую
· cols=”100,*” — определяет количество и размеры вертикальных фреймов (фреймов-столбцов) в окне браузера. В качестве значения задается список размеров фреймов через запятую
6. FRAME — определяет фрейм и его свойства внутри FRAMESET-структуры, парный
Атрибуты:
· src=”file.htm” — указывает адрес файла, отображаемого в данном фрейме. Обязательный атрибут
· name=”frame1” — определяет имя данного фрейма, которое будет в дальнейшем использоваться для ссылки на него из других документов с помощью параметра TARGET
7. FONT — позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тэгами, парный
Атрибуты:
· size=”4” — определяет размер шрифта, от 1 до 7
· color=”ff00ff” — определяет цвет текста. RGB-значение в 16-ной системе.
· face=”Arial” — определяет используемый шрифт.
8. CENTER — центрирование текста и объектов
9. IMG — используется для вставки изображений в HTML-документ
Атрибуты:
· src=”img.jpg” — путь и файлу, обязательный параметр
· align — обязательный параметр. Указывает способ выравнивания изображения в документе. Значения: left-выравнивание по левому краю; right-выравнивание по правому краю.
· alt — определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен в текстовый режим.
· height и width — определяют ширину и высоту изображения соответственно(в пикселях и процентах)
10. B — определяет жирный шрифт текста, парный
11. I — определяет курсив, парный
12. BR — перевод на новую строку (аналог Enter), непарный
13. FORM — используется для создания заполняемой формы, парный
14. SELECT — создает в заполняемой форме меню типа «Выбор одного пункта из многих». Должен располагаться внутри элемента FORM
15. OPTION — Используется только с элементом SELECT, описывает отдельные пункты меню, непарный
Атрибуты:
· selected — определяет пункт меню, который будет выбран изначально при загрузке документа
· value — задает данному пункту значение, которое будет использовано наряду с другими сведениями о содержимом заполненной формы
Каскадные таблицы стилей CSS
CSS (Cascading Style Sheets) основным понятием CSS является стиль — т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (цвет, размер, положение, и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке много таких элементов, не отличающихся один от другого. В CSS для присвоения какому-либо элементу определенных характеристик вы должны один раз описать этот элемент, как стиль, а в дальнейшем просто указывать этот стиль для нужных элементов.
CSS при отображении страницы может быть взята из различных источников:
* Авторские стили (информация стилей, предоставляемая автором страницы) в виде:
* Внешних таблиц стилей, то есть отдельного файла .css, на который делается ссылка в документе.
* Встроенных стилей — блоков CSS внутри самого HTML-документа.
* Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style.
* Локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам.
* Стандартный стиль, используемый браузером по умолчанию для представления элементов.
Стандарт CSS определяет приоритеты, в порядке которых применяются правила стилей, если для какого-то элемента подходят несколько правил одновременно. Это называется «каскадом», в котором для правил рассчитываются приоритеты или «веса», что делает результаты предсказуемыми.
Таблица стилей состоит из набора правил. Каждое правило, в свою очередь, состоит из одного или нескольких селекторов, разделённых запятыми и блока определений. Блок определений же обрамляется фигурными скобками, и состоит из набора свойств и их значений.
JavaScript
Создание языка Java-это действительно один из самых значительных шагов вперед в области разработки сред программирования за последние 20 лет. Язык HTML был необходим для статического размещения страниц во “Всемирной паутине” WWW . Язык Java потребовался для качественного скачка в создании интерактивных продуктов для сети Internet.
JavaScript содержит несколько встроенных объектов, таких, как Global, Object, Error, Function, Array, String, Boolean, Number, Math, Date, RegExp. Кроме того, JavaScript содержит набор встроенных операций, которые, строго говоря, не обязательно являются функциями или методами, а так же набор встроенных операторов, управляющих логикой выполнения программ. Синтаксис JavaScript в основном соответствует синтаксису языка Java, но упрощен в сравнении с ним, чтобы сделать язык сценариев легким для изучения. Так, к примеру, декларация переменной не содержит ее типа, свойства также не имеют типов, а декларация функции может стоять в тексте программы после ее вызова.
Графический редактор Adobe Photoshop
Adobe Photoshop — это один из самых известных графических редакторов. Фотошоп позволяет как создавать новые изображения, так и редактировать существующие графические файлы. Графический редактор Photoshop применяют для создания фотореалистических изображений, работы с цветными сканированными изображениями, ретуширования, цветокоррекции, коллажирования, трансформации графики, цветоделения и т.д. Адоб Фотошоп располагает всеми методами работы с точечными изображениями, при этом имеет возможность работы со слоями и использует контуры. Adobe Photoshop является безусловным лидером среди профессиональных графических редакторов за счет своих широчайших возможностей, высокой эффективности и скорости работы.
В данной работе Photoshop использовался для разработки дизайна программы, кнопок меню, фона.
Notepad++
Notepad++ — свободный текстовый редактор для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Он базируется на компоненте Scintilla, написан на C++ с использованием STL и распространяется под лицензией GPL. Базовый функционал программы может быть расширен как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры.
Текстовый редактор для программистов и веб-дизайнеров. Notepad++ обладает хорошей функциональностью и удобным интерфейсом и при этом отличается быстротой работы. Редактор может открыть сразу несколько документов, подсвечивать множество языков программирования, автоматически завершать набираемый текст, записывать макросы и многое другое. В Notepad++ присутствуют следующие опции: мастер создания своей схемы подсветки, возможность создания своего API-файла для подстановки набираемого текста, режим печати WYSIWYG, который позволяет при печати листинга сохранять подсветку кода и много всевозможных функций для работы с текстом (вставка дат, замена спецсимволов на их коды, удаление лишних пробелов и переводов строки и т.д.) К программе подключаются плагины, которые добавляют ей дополнительные возможности, например, просмотр открытого документа в шестнадцатеричном виде и файловый менеджер.
2.1 Описание разработанной контролирующей программы
Контролирующая тестовая программа расположена в папке CD диска. Состоит из связанных между собой гипертекстовых документов с расширением *.htm. Стартовая страница тестовой программы называется Glavnaya.htm. Программа состоит из 5ти дисциплин, в каждой из которых расположены web-документы разделов, тем с кратким описанием, и документов с тестами 3х вариантов по каждой теме, разделу и дисциплине в целом. Все web-страницы связаны между собой гипертекстовыми ссылками, в каждой дисциплине слева находится навигационная структура.
2.2 Инструкция пользователю
Для того, чтобы воспользоваться программной тестирования, необходимо открыть с диска папку «Тестовая контролирующая программа», и найти файл «Glavnaya.htm», двойным щелчком открыть его, или найти на рабочем столе ярлык программы. После этого откроется начальная web-страница тестовой программы (Рисунок 2.2.1)
Рисунок 2.2.1 Стартовая страница контролирующей программы
Для прохождения тестов необходимо выбрать из выпадающего списка нужную дисциплину, и после этого нажать на кнопку «Вход». По умолчанию выбрана дисциплина «Операционные системы, среды и оболочки».
После нажатия на кнопку «Вход» открывается фреймовая структура выбранной дисциплины. Ниже представлены стартовые страницы дисциплин направления 230000.
Рисунок 2.2.2 Операционные системы, среды и оболочки
Рисунок 2.2.3 Разработка и эксплуатация удаленных баз данных
Рисунок 2.2.4 Технология разработки программного обеспечения
Рисунок 2.2.5 Программное обеспечение компьютерных сетей
Рассмотрим разработанную программу на примере дисциплины «Операционные системы, среды и оболочки». Перед вами представлена стартовая страница дисциплины с кратким описанием изучаемого материала (Рисунок 2.2.2)
Рисунок 2.2.6 Программное обеспечение компьютерных сетей и web-серверов
Для того, чтобы выбрать тему для прохождения теста, необходимо нажать на кнопку с разделом в содержании программы, после чего раскрывается список тем, и краткое описание раздела. В конце документа расположены ссылки на прохождение теста: вариант 1, 2 и 3.(Рисунок 2.2.7)
Рисунок 2.2.7 I Раздел
Чтобы перейти к теме, нужно навести курсор на нее и щелчком левой кнопки мыши нажать ее. После этого в правой части экрана отобразится описание темы и приглашение на прохождение теста. (Рисунок 2.2.8)
Рисунок 2.2.8 Тема 1.1
Затем выбирается соответствующий вариант теста и нажатием по ссылке, открывается страница с тестовыми заданиями. (Рисунок 2.2.9)
Рисунок 2.2.9 Тест по теме 1.1 вариант 1
На странице расположено 5 тестовых заданий с одним правильным вариантом ответа. Отвечать на вопросы нужно путем выбора одного варианта из четырех предложенных. После того, как на все вопросы даны ответы, можно узнать количество правильных ответов, нажав на кнопку внизу документа «Показать результат». В текстовом окне выводится информация по количеству правильных ответов и соответствующая оценка за знания. А рядом с каждым вопросом в окне отображается знак + или — что соответствует правильный ответ или нет. (Рисунок 2.2.10)
Рисунок 2.2.10. Вывод результатов прохождения теста
Чтобы вернуться к теме, по которой пройден тест, нужно нажать на ссылку «Вернуться к теме»
Если ответы даны не на все вопросы, то при нажатии на кнопку «Показать результат», откроется окно с ошибкой. В этом случае необходимо проверить, на все ли вопросы даны ответы, и еще раз нажать кнопку «Показать результат». (Рисунок 2.2.11)
Рисунок 2.2.11 Проверка выполнения всех заданий
Аналогично проводятся тесты по разделам и дисциплинам, только в них по 8 тестовых заданий.
Для упрощения навигации по электронному программе, была разработана его схема, которая отображает все его разделы. Схема легко читаема и будет понятна абсолютно любому пользователю. Она представлена в приложении А.
2.3 Инструкция программисту
электронный тест программа
Электронная контролирующая программа разработана для дисциплин направления 230000. Все эти дисциплины читаются в аудитории №31, 2 корпус, ИЭК.
Для того, чтобы установить тестовую программу на ПК, необходимо копировать папку «Тестовая контролирующая программа» с носителя на жесткий диск компьютера. Далее создать ярлык главной страницы «Glavnaya.htm» на рабочем столе, по которому пользователь будет начинать работу в тестовой программе.
Инструкции по созданию и редактированию стартовой страницы
Для того, чтобы редактировать главную страницу, менять дисциплины, необходимо зайти на эту страницу и открыть ее код, либо щелкнув правой кнопкой мыши по экрану, вызвав при этом контекстное меню, и выбрать из него пункт «Исходный код страницы», либо нажать в панели меню кнопку «Вид» и выбрать пункт «Исходный код страницы». После этих действий открывается HTML-код в блокноте, где и можно его редактировать, зная при этом язык разметки гипертекста HTML.
Ниже представлен код стартовой страницы с описаниями.
<html> — начало HTML-документа, определяется тип
<head> — голова документа
<title>Тесты по дисциплинам кабинета №31</title> — заголовок окна документа
<center><h4>ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ<br>
Федеральное государственное образовательное учреждение<br>
Среднего профессионального образования<br>
ИРКУТСКИЙ ЭНЕРГЕТИЧЕСКИЙ КОЛЛЕДЖ</h4></center> — «Шапка документа», по центру</head>
<body background=»Fon.jpg»> — фоновый рисунок страницы
<br> — переход на одну строку ниже
<br><center><br>
<br>
<h1><font face=»Monotype Corsiva»>Тестовая контролирующая программа по спецдисциплинам
<br>направления 230000</font> — изменение цвета, размера и типа шрифта текста, заключенного в тег
</h1>
<br><br>
<Form> описывает создание формы <Select Name=»mymenu»> — создает выпадающее меню с именем «mymenu»
<Option Value=»ОС и среды\index.htm»>Операционные системы, среды и оболочки
<Option Value=»ПО КС\index.htm»>Программное обеспечение компьютерных сетей
<Option Value=»ПО КС и Web\index.htm»>Программное обеспечение компьютерных сетей и web-серверов
<Option Value=»РЭУБД\index.htm»>Разработка и эксплуатация удаленных баз данных
<Option Value=»ТРПП\index.htm»>Технология разработки программных продуктов — при помощи тега OPTION прописываются значения из списка, VALUE — значение, которое будет использовано наряду с другими сведениями о содержимом заполненной формы. Здесь можно добавлять или удалять значения OPTION.
</Select> — закрывает выпадающее меню
<Input Type=»button» Value=»Вход»
OnClick=»top.location.href=this.form.mymenu.options[this.form.mymenu.
selectedIndex].value»> INPUT создает поле формы (кнопку, поле ввода, чекбокс и т.п.), содержание которого может быть изменено или активизировано пользователем, TYPE — тип поля для ввода данных (кнопка), VALUE — задает текстовый заголовок для полей любого типа,
</Form></center>
</body></html>
Инструкция по редактированию страниц с кратким содержанием дисциплин, разделов, тем
<html>
<head>
<title>Операционные системы. среды и оболочки</title> — заголовок окна документа
<center><p><b><font size=»5″ face=Arial>Операционные системы, среды и оболочки</font></b></p></center></head> — заголовок документа, размер шрифта 5пикс, шрифт Arial
<body background=»Fon.jpg»> — фоновый рисунок документа
<img src=»OS.gif» align=»right» VSPACE=»4″ HSPACE=»8″> — вставка рисунка, выравнивание по правому краю, отступы сверху и снизу по 4 пикс, слева и справа по 8 пикс
<br><br>
<blockquote><font size=»4″ face=Arial><p align=»justify»>Рабочая программа учебной дисциплины «Операцион……</p> — отступы текста от краев экрана; изменение цвета, размера и типа шрифта текста, заключенного в тег; разметка параграфа с выравниванием по ширине страницы
<p align=»justify»>Учебная дисциплина …</p>
<p align=»justify»>Для изучения учебной дисциплины «Операционные системы и среды» необходимы знания дисциплины «Информационные технологии».</p>
<p align=»justify»>В результате обучения дисциплины студент должен:
<ul><i>иметь представление:</i> — маркированный список; шрифт курсив
<li>о концептуальных моделях построения операционных систем;
<li>о перспективах развития операционных систем и сред; — элементы списка
</ul>
<ul><i>знать:</i>
<li>понятие операционной системы, её функции;
<li>состав операционных систем
<li>типы операционных систем
<li>принципы работы различных операционных систем;
<li>принципы взаимодействия операционных систем с периферийными устройствами;
<li>принципы взаимодействия операционных систем с пользователем;
<li>машинно-зависимые и машинно-независимые свойства операционных систем;
<li>средства защиты пользователей;
</ul>
<ul><i>уметь:</i>
<li>использовать средства операционных систем и сред для обеспечения работы вычислительной техники;
<li>устанавливать, настраивать и обслуживать различные операционные системы.
</ul></p>
<br><p align=»justify»>Для закрепления теоретических знаний по дисциплине «Операционные системы, среды и оболочки» рекомендуется пройти тест, состоящий из 8 заданий.</p>
<br><br>Пройти тест <br>
<a href=»OSSO.V1.htm»>Вариант 1</a>
<a href=»OSSO.V2.htm»>Вариант 2</a>
<a href=»OSSO.V3.htm»>Вариант 3</a> — ссылки на прохождение тестов
</font>
</blockquote></body>
</html>
Инструкция по редактированию страницы «Содержание» с раскрывающимся списком.
<html>
<head>
<title>Операционные систем, среды и оболочки</title>
<BASE TARGET=»osnova»> — все ссылки на этой странице будут читаться во фрейм «osnova»
<!— HEAD START HERE —>
<style type=»text/css»> описание стиля CSS
DIV.clSlide{position:absolute; ;z-index:10; left:0; width:170; height:35; clip:rect(0,170,35,0); padding:5px;}
DIV.clSlideSub{position:absolute; ;z-index:10; padding:1px; clip:rect(0,127,20,0); width:127; height:20; left:8; visibility:hidden}
DIV.clSlideSub2{position:absolute; ;z-index:10; padding:2px; clip:rect(0,118,20,0); width:118; height:20; left:8; visibility:hidden}
#divSlideCont{position:absolute; z-index:10; left:0; top:100; height:600; width:170; visibility:hidden}
A.clSlideLinks{font-family:Arial, Helvetica, Helv; font-size:18px; font-weight:bold; text-decoration:none; color:white}
A.clSlideSubLinks{font-family:Arial, Helvetica, Helv; font-size:14px; text-decoration:none; color:white}
A.clSlideSub2Links{font-family:Arial, Helvetica, Helv; font-size:12px; text-decoration:none; color:white}
</style>
<script language=»JavaScript» type=»text/JavaScript»> описание языка сценариев JavaScript
function lib_bwcheck(){ //Browsercheck (needed) — функции вывода документа согласно браузеров
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf(«Opera 5»)>-1
this.ie5=(this.ver.indexOf(«MSIE 5»)>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf(«MSIE 6»)>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf(«Mac»)>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
var bw=new lib_bwcheck()
//Opera didn’t seem to like the padding in the layers, it messes up the background-images, so here’s a version without it.
if(bw.opera5) document.write(«<style>DIV.clSlide{padding:0px; background-image:url(‘ ‘)}\nDIV.clSlideSub{padding:0px; background-image:url(‘ ‘)}\nDIV.clSlideSub2{padding:0px; background-image:url(‘ ‘)}</style>»)
*************************************************************
Making cross-browser objects
*************************************************************
function makeMenuObj(obj,nest){
nest=(!nest) ? «»:’document.’+nest+
this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+»document.layers.» +obj):0;
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+’document.’+obj):0;
this.ref=bw.dom || bw.ie4? document:bw.ns4?eval(nest+»document.layers.» +obj+».document»):0;
this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.offsetLeft;
this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.offsetTop;
this.hideIt=b_hideIt; this.showIt=b_showIt; this.movey=b_movey
this.moveIt=b_moveIt; this.moveBy=b_moveBy; this.status=0;
this.bgImg=b_bgImg; this.obj = obj + «Object»; eval(this.obj + «=this»);
this.clipTo=b_clipTo;
return this
function b_showIt(){this.css.visibility=»visible»; this.status=1}
function b_hideIt(){this.css.visibility=»hidden»; this.status=0}
function b_movey(y){this.y=y; this.css.top=this.y}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x;this.css.top=this.y}
function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x;this.css.top=this.y}
function b_bgImg(img){if(bw.ie||bw.dom)this.css.backgroundImage=»url(‘»+img+»‘)»
else this.css.background.src=img
}
function b_clipTo(t,r,b,l,w){if(bw.ns4){this.css.clip.top=t;this.css.clip.right=r
this.css.clip.bottom=b;this.css.clip.left=l
}else{this.css.clip=»rect(«+t+»,»+r+»,»+b+»,»+l+»)»; if(w){this.css.width=r; this.css.height=b}}}
*************************************************************
Initiating page, making objects..
*************************************************************
function SlideMenuInit(){
oSlideMenu=new makeMenuObj(‘divSlideCont’)
oSlideMenu.moveIt(menux,menuy)
oSlide=new Array()
for(i=0;i<menus.length;i++){
oSlide[i]=new makeMenuObj(‘divSlide’+i,’divSlideCont’)
oSlide[i].subs=menus[i].subs
oSlide[i].sub=new Array()
oSlide[i].moveIt(0,mainheight*i)
oSlide[i].starty=oSlide[i].y
if(bw.opera) oSlide[i].css.paddingLeft=»10px»
if(!menus[i].seperator) oSlide[i].bgImg(level0_regular)
for(j=0;j<oSlide[i].subs;j++){
oSlide[i].sub[j]=new makeMenuObj(‘divSlideSub’+i+»_»+j,’divSlideCont’)
oSlide[i].sub[j].moveIt(10,oSlide[i].y+subheight*j+between)
oSlide[i].sub[j].starty=oSlide[i].sub[j].y
oSlide[i][j]=new Array()
oSlide[i][j].subs=menus[i][j].subs
oSlide[i][j].sub=new Array()
img=level1_round
if(oSlide[i][j].subs!=0){
if(j!=oSlide[i].subs-1) img=level1_sub
else img=level1_sub_round
oSlide[i].sub[j].css.color=»white»
}else{
if(j!=oSlide[i].subs-1)img=level1_regular
oSlide[i].sub[j].origimg=img
oSlide[i].sub[j].bgImg(img)
for(a=0;a<oSlide[i][j].subs;a++){
oSlide[i][j].sub[a]=new makeMenuObj(‘divSlideSub’+i+»_»+j+»_»+a,’divSlideCont’)
oSlide[i][j].sub[a].moveIt(20,oSlide[i].sub[j].y+subheight*a+between-2)
oSlide[i][j].sub[a].starty=oSlide[i][j].sub[a].y
oSlide[i][j][a]=new Array()
oSlide[i][j][a].subs=menus[i][j][a].subs
oSlide[i][j][a].sub=new Array()
if(a!=oSlide[i][j].subs-1) img=level2_regular
else img=level2_round
oSlide[i][j].sub[a].origimg=img
oSlide[i][j].sub[a].bgImg(img)
oSlideMenu.showIt()
*************************************************************
Variables
*************************************************************
var active=-1;var going;var isthere; var sactive=-1; var sisthere=-1; var s2active=-1; var s2isthere=-1
*************************************************************
Switch menu function.
*************************************************************
function swmenu(num,snum,s2num){
if(snum!=-1){
if(oSlide[num][snum].subs==0) return
if(s2num!=-1){
if(oSlide[num][snum][s2num].subs==0) return
if((num!=active || snum!=sactive || s2num!=s2active) && !going){going=true;isthere=0;sisthere=0;moveUp(num,snum,s2num)}
*************************************************************
Moving the menus upward to their original position.
*************************************************************
function moveUp(num,snum){
if(snum==-1){
for(i=0;i<oSlide.length;i++){
if(oSlide[i].y>oSlide[i].starty+pxspeed && active!=i) oSlide[i].moveBy(0,-pxspeed)
else{if(active!=i) oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty); isthere=i}
if(isthere<oSlide.length-1) setTimeout(«moveUp(«+num+»,»+snum+»)»,timspeed)
else swmenu2(num,snum)
}else{
if(num==oSlide.length-1) isthere=num
if(sactive!=-1){ //Is out!
//Slide subs
for(i=sactive+1;i<oSlide[num].sub.length;i++){
if(oSlide[num].sub[i].y>oSlide[num].sub[i].starty+pxspeed) oSlide[num].sub[i].moveBy(0,-pxspeed)
else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,oSlide[num].sub[i].starty); sisthere=i}
//Slide main
for(i=num+1;i<oSlide.length;i++){
if(oSlide[i].y>oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j ) oSlide[i].moveBy(0,-pxspeed)
else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j ); isthere=i}
}else{ //Slide to the one clicked
for(i=num+1;i<oSlide.length;i++){
if(oSlide[i].y>oSlide[i].starty + snum*between+between) oSlide[i].moveBy(0,-pxspeed)
else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + snum*between+between); isthere=i}
if(isthere<oSlide.length-1 || (sactive!=-1 && sisthere<oSlide[num].sub.length-1 && sactive!=oSlide[num].sub.length-1)) setTimeout(«moveUp(«+num+»,»+snum+»)»,timspeed)
else swmenu2(num,snum)
/********************************************************************************
Switch menu 2, stuff that happens before the menus are moved down again.
********************************************************************************/
function swmenu2(num,snum){
isthere=0;
sisthere=0;
if(active>-1 && snum==-1){
//Hiding submenus
for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].hideIt()}
oSlide[active].bgImg(level0_regular)
oSlide[active].moveIt(0,oSlide[active].starty)
if(sactive>-1){
//Hiding submenus
for(j=0;j<oSlide[active][sactive].sub.length;j++){oSlide[active][sactive].sub[j].hideIt()}
oSlide[active].sub[sactive].bgImg(oSlide[active].sub[sactive].origimg)
oSlide[active].sub[sactive].moveIt(10,oSlide[active].sub[sactive].starty)
//Move back to place
for(i=sactive+1;i<oSlide[active].sub.length;i++){
oSlide[active].sub[i].moveIt(oSlide[active].sub[i].x,oSlide[active].sub[i].starty)
active=num
//Showing submenus
if(snum>-1){
sactive=snum
for(j=0;j<oSlide[num][snum].sub.length;j++){oSlide[num][snum].sub[j].showIt()}
oSlide[num].sub[snum].moveBy(10,3)
oSlide[num].sub[snum].bgImg(level1_round2)
}else{
sactive=-1
for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].showIt()}
oSlide[num].moveBy(10,3)
oSlide[num].bgImg(level0_round)
if(num!=oSlide.length-1) moveDown(num,snum)
else{
isthere=num
moveDown(num,snum)
/********************************************************************************
Moving the menus down
********************************************************************************/
function moveDown(num,snum){
//if(num==oSlide.length-1) isthere=num
for(i=num+1;i<oSlide.length;i++){
if(snum==-1){
if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed) oSlide[i].moveBy(0,pxspeed)
else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between); isthere=i}
}else{
if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed + (oSlide[num][snum].subs-1)*subheight+between) oSlide[i].moveBy(0,pxspeed)
else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between + (oSlide[num][snum].subs-1)*subheight+between); isthere=i}
if(snum!=-1){
for(i=snum+1;i<oSlide[num].sub.length;i++){
if(oSlide[num].sub[i].y<(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between-pxspeed) oSlide[num].sub[i].moveBy(0,pxspeed)
else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between); sisthere=i}
if(snum==-1){
if(isthere<oSlide.length-1) setTimeout(«moveDown(«+num+»,»+snum+»)»,timspeed)
else going=false
}else{
if(isthere<oSlide.length-1 || (sisthere<oSlide[num].sub.length-1 && snum!=oSlide[num].sub.length-1)) setTimeout(«moveDown(«+num+»,»+snum+»)»,timspeed)
else going=false
var test=0
/********************************************************************************
Functions to write out the layers…
********************************************************************************/
menus=new Array(); var a=0; var b=0; var c=0; var d=0
function makeMenu(type,text,lnk,target,end){
str=»»; tg=»»;
if(target) tg=’target=»‘+target+'»‘
if(!lnk) lnk=»#»
self.status=lnk
if(a==0) str='<div id=»divSlideCont»>\n’
if(type==»top»){
menus[a]=new Array();
if(text==»seperator»){
str+=’\t<div id=»divSlide’+a+'» class=»clSlide»></div>\n’
menus[a].seperator=1
}else{
str+=’\t<div id=»divSlide’+a+'» class=»clSlide»><a href=»‘+lnk+'» ‘+tg+’ onclick=»swmenu(‘+a+’,-1,-1); if(bw.ie || bw.ns6) this.blur(); ‘
if(lnk==»#») str+=’return false’
str+='» class=»clSlideLinks»> ‘+text+'</a><br></div>\n’
menus[a].subs=0; a++; b=0
}else if(type==»sub»){
str+=’\t\t<div id=»divSlideSub’+(a-1)+’_’+(b)+'» class=»clSlideSub»><a ‘+tg+’ onclick=»swmenu(‘+(a-1)+’,’+b+’,-1); if(bw.ie || bw.ns6) this.blur(); ‘
if(lnk==»#») str+=’return false’
str+='» href=»‘+lnk+'» class=»clSlideSubLinks»> ‘+text+'</a><br></div>\n’
b++; menus[a-1].subs=b; menus[a-1][b-1]=new Array(); c=0; menus[a-1][b-1].subs=0
}else if(type==»sub2″){
str+=’\t\t<div id=»divSlideSub’+(a-1)+’_’+(b-1)+’_’+c+'» class=»clSlideSub2″><a ‘+tg+’ href=»‘+lnk+'» class=»clSlideSub2Links»> ‘+text+'</a><br></div>\n’
c++; menus[a-1][b-1].subs=c; menus[a-1][b-1][c-1]=new Array(); d=0; menus[a-1][b-1][c-1].subs=0
if(end) str+=»</div>»
document.write(str)
function preLoadBackgrounds(){
for(i=0;i<arguments.length;i++){
this[i]=new Image()
this[i].src=arguments[i]
return this
</script>
<!— HEAD END HERE —>
<script type=»text/javascript» src=»menu/stmenu.js»></script></head>
<body background=»Fon.jpg» text=»#000000″ link=»#FFFFFF» topmargin=»10″ leftmargin=»0″> — описание фонового рисунка, цвета текста
<font face=»Arial» size=»5″><i><b>Содержание</b></i></center> — описание заголовка «Содержание», шрифта, размера; начертание курсив
<!— BODY START HERE —>
<script>
//Variables to set
between=40 //The pixel between the menus and the submenus — расстояние между меню и подменю
mainheight=36 //The height of the mainmenus — Высота кнопок главного меню
subheight=22 //The height of the submenus — высота кнопок подменю
pxspeed=13 //The pixel speed of the animation
timspeed=15 //The timer speed of the animation
menuy=40 //The top placement of the menu. — верхний отступ меню
menux=0 //The left placement of the menu — нижний отступ меню
//Images — Play with these
level0_regular=»level0_regular.gif»
level0_round=»level0_round.gif»
level1_regular=»level1_regular.gif»
level1_round=»level1_round.gif»
level1_sub=»level1_sub.gif»
level1_sub_round=»level1_sub_round.gif»
level1_round2=»level1_round2.gif»
level2_regular=»level2_regular.gif»
level2_round=»level2_round.gif»
ссылки на изображения кнопок меню
//Leave this line
preLoadBackgrounds(level0_regular,level0_round,level1_regular,level1_round,level1_sub,level1_sub_round,level1_round2,level2_regular,level2_round)
//There are 3 different types of menus you can make
//top = Main menus
//sub = Sub menus
//sub2 = SubSub menus
//You control the look of the menus in the stylesheet
//makeMenu(‘TYPE’,’TEXT’,’LINK’,’TARGET’, ‘END (THE LAST MENU)’)
//Menu 0 — нумерация кнопок меню
makeMenu(‘top’,’Раздел I’,’I_razdel.htm’) — наименование пункта меню, ссылка на документ этого пункта
makeMenu(‘sub’,’Тема 1.1′,’Tema_1.1.htm’) — наименование пункта подменю, ссылка на документ этого пункта
makeMenu(‘sub’,’Тема 1.2′,’Tema_1.2.htm’) — наименование пункта подменю, ссылка на документ этого пункта
makeMenu(‘sub’,’Тема 1.3′,’Tema_1.3.htm’) наименование пункта подменю, ссылка на документ этого пункта
//Menu 1
makeMenu(‘top’,’Раздел II’,’II_razdel.htm’)
makeMenu(‘sub’,’Тема 2.1′,’Tema_2.1.htm’)
makeMenu(‘sub’,’Тема 2.2′,’Tema_2.2.htm’)
makeMenu(‘sub’,’Тема 2.3′,’Tema_2.3.htm’)
makeMenu(‘sub’,’Тема 2.4′,’Tema_2.4.htm’)
makeMenu(‘sub’,’Тема 2.5′,’Tema_2.5.htm’)
makeMenu(‘sub’,’Тема 2.6′,’Tema_2.6.htm’)
//Menu 2
makeMenu(‘top’,’Раздел III’,’III_razdel.htm’)
makeMenu(‘sub’,’Тема 3.1′,’Tema_3.1.htm’)
makeMenu(‘sub’,’Тема 3.2′,’Tema_3.2.htm’)
makeMenu(‘sub’,’Тема 3.3′,’Tema_3.3.htm’)
makeMenu(‘sub’,’Тема 3.4′,’Tema_3.4.htm’)
//Menu 3
makeMenu(‘top’,’Раздел IV’,’IV_razdel.htm’)
makeMenu(‘sub’,’Тема 4.1′,’Tema_4.1.htm’)
makeMenu(‘sub’,’Тема 4.2′,’Tema_4.2.htm’)
makeMenu(‘sub’,’Тема 4.3′,’Tema_4.3.htm’)
makeMenu(‘sub’,’Тема 4.4′,’Tema_4.4.htm’)
makeMenu(‘sub’,’Тема 4.5′,’Tema_4.5.htm’)
makeMenu(‘sub’,’Тема 4.6′,’Tema_4.6.htm’)
Здесь можно добавлять или удалять пункты меню и подменю, копируя предыдущие //Menu #, изменяя при этом нумерацию
//Starting the menu
onload=SlideMenuInit;
</script>
<!— BODY END HERE —>
</body>
</html>
Инструкции по созданию и редактированию тестовой программы
<HTML>
<HEAD>
<TITLE>Операционные системы, среды и оболочки</TITLE>
</HEAD>
<BODY background=»Fon.jpg»>
<SCRIPT language=JavaScript>
<!—Начало сценария
var res=»23311″ — последовательность правильных ответов
function check_me()
var count=0
with(document.test)
if (!Q1[0].checked&&!Q1[1].checked&&!Q1[2].checked&&!Q1[3].checked)
{count+=1};
if (!Q2[0].checked&&!Q2[1].checked&&!Q2[2].checked&&!Q2[3].checked)
{count+=1};
if (!Q3[0].checked&&!Q3[1].checked&&!Q3[2].checked&&!Q3[3].checked)
{count+=1};
if (!Q4[0].checked&&!Q4[1].checked&&!Q4[2].checked&&!Q4[3].checked)
{count+=1};
if (!Q5[0].checked&&!Q5[1].checked&&!Q5[2].checked&&!Q5[3].checked)
{count+=1}; вставка объекта Переключатель для организации вариантов ответа каждого из вопросов.
<!—скопируйте эту строку и вставьте ниже необходимое количество раз( в зависимости от количества вопросов), изменив Q6 на Q7, Q8 и т.д если добавляете количество вопросов
if (count>0) <!— Вычисление и проверка все ли задания выполнены —>
{alert(«Вы выполнили не все задания. Проверьте себя.»)
}
else answer()
function control(k,f1,f2,f3,f4,f5) — <!— добавьте переменные f7, f8,… в зависимости от количества вопросов
Проверка на правильность введенных пользователем вариантов ответов
if (k==1&&f1.checked) return true;
if (k==2&&f2.checked) return true;
if (k==3&&f3.checked) return true;
if (k==4&&f4.checked) return true;
if (k==5&&f5.checked) return true;
<!—скопируйте эту строку и вставьте ниже необходимое количество раз( взвисимости от количества вопросов), изменив 6 на 7, 8 и т.д если добавляете количество вопросов
return false;
function answer()
answ=»»;
with(document)
answ+=control(res.charAt(0),test.Q1[0],test.Q1[1],test.Q1[2],test.Q1[3])?»1″:»0″
answ+=control(res.charAt(1),test.Q2[0],test.Q2[1],test.Q2[2],test.Q2[3])?»1″:»0″
answ+=control(res.charAt(2),test.Q3[0],test.Q3[1],test.Q3[2],test.Q3[3])?»1″:»0″
answ+=control(res.charAt(3),test.Q4[0],test.Q4[1],test.Q4[2],test.Q4[3])?»1″:»0″
answ+=control(res.charAt(4),test.Q5[0],test.Q5[1],test.Q5[2],test.Q5[3])?»1″:»0″
<!—скопируйте эту строку и вставьте ниже необходимое количество раз( взвисимости от количества вопросов), изменив 5 на 6, 7 и т.д если добавляете количество вопросов
<!—Анализ результатов —>
showResult();
function showResult()
var nok=0;
var i,s;
for (i=0;i<answ.length;i++) {nok+=answ.charAt(i)==»1″?1:0;}
if(nok<3) s='»НЕУДОВЛЕТВОРИТЕЛЬНО»‘;
if(nok==3) s='»УДОВЛЕТВОРИТЕЛЬНО»‘;
if(nok>3 && nok<4) s='»УДОВЛЕТВОРИТЕЛЬНО»‘;
if(nok==4) s='»ХОРОШО»‘;
if(nok>4 && nok<5) s='»ХОРОШО»‘;
if(nok==5) s='»ОТЛИЧНО»‘;
document.test.s1.
value=»Количество правильных ответов «+nok+». Ваша оценка «+s+». Загляните в окно рядом с номером задания. Если ответ правильный, то там (+). Если Вы ошиблись, там (-).»; текст который будет выводиться в окне результатов
with(document.test)
if (answ.charAt(0)==»1″) {T1.value=» +»} else {T1.value=» -«};
if (answ.charAt(1)==»1″) {T2.value=» +»} else {T2.value=» -«};
if (answ.charAt(2)==»1″) {T3.value=» +»} else {T3.value=» -«};
if (answ.charAt(3)==»1″) {T4.value=» +»} else {T4.value=» -«};
if (answ.charAt(4)==»1″) {T5.value=» +»} else {T5.value=» -«};
} <!—скопируйте эту строку и вставьте ниже необходимое количество раз( взвисимости от количества вопросов), изменив 5 на 6, 7 и т.д если добавляете количество вопросов
</SCRIPT>
<FORM name=test>
<CENTER><FONT face=Arial>
<H2>Раздел I. Основы теории операционных систем</H2>
<H3>Тема 1.1. Общие сведения об операционных системах</H3></CENTER> — Название теста
<OL> <b>Вариант 1</b> — вариант теста
<LI>
<H4><INPUT size=1 name=T1> Операционная система относится к классу программного обеспечения </H4> — первый вопрос
<INPUT type=»radio» name=Q1> сервисное программное обеспечение <BR> — ответ №1
<INPUT type=»radio» name=Q1> базовое программное обеспечение <BR> — ответ №2
<INPUT type=»radio» name=Q1> служебное программное обеспечение <BR> — ответ№3
<INPUT type=»radio» name=Q1> прикладное программное обеспечение <BR><BR> — ответ №4
<LI>
<H4><INPUT size=1 name=T2> Набор программ, управляющих работой компьютера и организующих диалог пользователя с компьютером, называется </H4>
<INPUT type=»radio» name=Q2> приложением операционной системы <BR>
<INPUT type=»radio» name=Q2> операционной оболочкой <BR>
<INPUT type=»radio» name=Q2> операционной системой <BR>
<INPUT type=»radio» name=Q2> языком программирования <BR><BR>
<LI>
<H4><INPUT size=1 name=T3> Программа, предназначенная для облегчения взаимодействия пользователя с операционной системой, называется </H4>
<INPUT type=»radio» name=Q3> компилятором <BR>
<INPUT type=»radio» name=Q3> языком программирования <BR>
<INPUT type=»radio» name=Q3> операционной оболочкой <BR>
<INPUT type=»radio» name=Q3> приложением операционной системы <BR><BR>
<LI>
<H4><INPUT size=1 name=T4> Операционная система выполняет функции </H4>
<INPUT type=»radio» name=Q4> организации диалога с пользователем, управления аппаратурой и ресурсами компьютера <BR>
<INPUT type=»radio» name=Q4> обеспечения организации и хранения файлов <BR>
<INPUT type=»radio» name=Q4> организации обмена данными между компьютером и устройствами ввода/вывода <BR>
<INPUT type=»radio» name=Q4> подключения устройств ввода/вывода <BR><BR>
<LI>
<H4><INPUT size=1 name=T5> Вопрос 5 </H4>
<INPUT type=»radio» name=Q5> ответ 1.5 <BR>
<INPUT type=»radio» name=Q5> ответ 2.5 <BR>
<INPUT type=»radio» name=Q5> ответ 3.5 <BR>
<INPUT type=»radio» name=Q5> ответ 4.5 <BR><BR>
</LI></OL><BR>
<CENTER>
<P><TEXTAREA name=s1 rows=4 cols=70 readonly> </TEXTAREA> </P><INPUT onclick=check_me() — кнопка для вывода результата, редактироваться текстовая строка пользователем на будет.
type=button value=»Показать результат»>
</CENTER><BR><BR></FORM>
<P> <a href=»Tema_1.1.htm»>Вернуться к теме</a><p> — ссылка для возврата к теме
<H5> © Фролова М.А., 2010</H5> автор, год
<P></P></FONT></BODY></HTML>
Скрипт для тестовой контролирующей программы, который был мной описан в дипломном проекте, используется на практике преподавателем теории вероятности Витязевой Н.А.
2.3.1 Инструкции по созданию фрейма «шапка»
<html><head>
<base target=»osnova»> — ссылка будет читаться во фрейм «osnova»
</head>
<body background=»Fon.jpg»> — фоновый рисунок
<center>
<a href=»OSSO.htm» > — рисунок будет ссылкой на стартовую страницу дисциплины
<img src=»OSSO.gif» title=»Операционные системы, среды и оболочки» border=»0″> — вставка рисунка, расположение по центру
</a>
</center>
</body></html>
Инструкции по созданию и редактированию фреймовой структуры документа
<html>
<head>
<title>Операционные системы, среды и оболочки</title> — заголовок документа
</head>
<frameset rows=»100,*»> — высота первого фрейма 100пикс
<frame id=»shapka» name=»shapka» src=»shapka.htm»> — имя фрейма «shapka», путь к фрейму
<frameset cols=»200,*»> — ширина фрейма 200пикс
<frame id=»Razdel» src=»frame.htm» name=»Razdel»></frame> — имя фрейма «Razdel», путь к фрейму
<frame id=»osnova» src=»OSSO.htm» name=»osnova»></frame> — имя фрейма «osnova», путь к фрейму
</frameset>
</frameset>
</html
Инструкции по созданию фона и кнопок в Photoshop
Чтобы создать фоновый рисунок для тестовой программы, необходимо загрузить программу Adobe Photoshop, создать новый документ размерами 1300х2000пикс., с белым фоном. Файл — новый — затем задаются размеры, содержимое фона — ОК. (Рисунок 2.3.1)
Рисунок2.3.1 Создание фона
После этого нужно нажать на панели инструментов на кнопку градиент, вверху появится панель настроек, выбрать там стиль «зеркальный градиент», настроить цвета градиента, и провести линию с середины до нижней или до верхней части документа. (Рисунок 2.3.2)
Рисунок 2.3.2 Наложение градиента
Далее сохранить картинку в формате JPG. Для этого нужно открыть меню Файл — Сохранить как… — выбрать формат JPG, задать имя файлу, выбрать папку для сохранения — ОК.
КНОПКИ главного меню
Для того, чтобы создать кнопки для навигации по программе, необходимо загрузить программу Adobe Photoshop, создать новый документ размерами 170х35пикс, фон прозрачный. (Рисунок 2.3.3)
Рисунок 2.3.3 Создание кнопки меню
Далее надо на панели инструментов нажать кнопку «Прямоугольник со скругленными краями», поставить радиус 15пикс и нарисовать фигуру, как показано на рисунке 2.3.4
Рисунок 2.3.4 Фигура для кнопки
Чтобы скругленные углы были только с одной стороны картинки, нужно с другой нарисовать за пределами границы рисунка. После придаем объем кнопке: правой кнопкой мыши на слое Фигура1 — Параметры наложения — Наложение градиента. (Рисунок 2.3.5)
Рисунок 2.3.5 Наложение градиента
Затем добавляем параметр Обводка (Рисунок 2.3.6)
Рисунок 2.3.6 Обводка
После нажимаем кнопку «Да» и сохраняем в формате GIF, имя прописывать нужно такое же, как и в скрипте написания теста, чтобы не было несовпадений. Аналогично создается вторая кнопка главного меню, только меняется форма на прямоугольник со скругленными углами сверху.(Рисунок 2.3.7)
Рисунок 2.3.7 Кнопки главного меню
КНОПКИ подменю
Кнопки подменю создаются аналогичным главному меню образом. Меняется лишь градиент. Когда применяется параметр «наложение градиента», необходимо поставить флажок напротив «инверсии». В этом случае градиент будет наложен в обратном направлении. (Рисунок 2.3.8)
Рисунок 2.3.8 Наложение градиента
Далее кнопка «Да», после этого применится градиент к кнопке подменю (Рисунок 2.3.9)
Рисунок 2.3.9 Кнопки подменю
Сохранить кнопки необходимо в формате GIF.
ССЫЛКА на стартовую страницу дисциплины
Для того, чтобы создать картинку-ссылку, необходимо открыть программу Photoshop, создать новый документ размерами 800х70 (ширина будет варьироваться в зависимости от длины текста), прозрачный фон. Затем берем инструмент «Текст» на панели инструментов, размер шрифта 38пикс, выбираем цвет текста, ставим курсор в начало строки и пишем текст «Операционные системы, среды и оболочки» (Рисунок 2.3.10)
Рисунок 2.3.10 Пишем текст
Далее надо применить к тексту параметры наложения. Правой кнопкой мыши по слою — Параметры наложения: Тиснение (Рисунок 2.3.11), Наложение градиента (Рисунок 2.3.12), Обводка (Рисунок 2.3.13)
Рисунок 2.3.11 Тиснение
В настройках необходимо поменять только Режим подсветки на «Нормальный», и непрозрачность режима подсветки на 100%
Рисунок 2.3.12 Наложение градиента
При наложении градиента меняется цвет и масштаб на 50%
Рисунок 2.3.13 Обводка
Размер обводки ставим на 2пикс, тип — цвет, выбираем нужный цвет.
После чего нажимаем кнопку «Да» и сохраняем рисунок в формате GIF.
3.1 Экономическое обоснование проекта
Данная работа нацелена на помощь в обучении и автоматизации учебного процесса. Особый интерес представляют вопросы, связанные с автоматизацией обучения, поскольку «ручные методы» без использования технических средств давно исчерпали свои возможности. Наиболее доступной формой автоматизации обучения является применение ЭВМ, то есть использование машинного времени для обучения и обработки результатов контрольного опроса знаний студентов. Всё большее использование компьютеров позволяет автоматизировать, а тем самым упростить ту сложную процедуру, которую используют научные сотрудники и преподаватели при создании методических пособий. Тем самым, представление различного рода «электронных учебников», методических пособий, тестовых программ на компьютере имеет ряд важных преимуществ.
В результате внедрения тестирующей программы ожидается повышение качества и скорости проверки знаний у студентов, а так же облегчения труда преподавателя.
3.2 Определение затрат на создание тестирующей программы
Формула для вычисления затрат:
Где: ЗЗП — расходы на оплату труда разработчиков программы
ЗОБЩ — общие затраты
Расчет расходов на оплату труда разработчиков
Формула для расчета:
Где: t — трудоемкость по созданию тестирующей программы (ТП)
T — часовая оплата программиста
Расчет трудоемкости по созданию ТП
Формула для расчета:
tо — расчет затрат труда на подготовку описания
Где: Q — количество операторов = 4000
В — коэффициент увеличения затрат вследствие недостаточного описания затрат = 5
K — коэффициент квалификации разработчика (при отсутствии стажа=0,8)
ta — расчет затрат труда на разработку алгоритма
tб — затраты труда на разработку алгоритма
tп — затраты труда на составление программы
tот — затраты труда на отладку тестирующей программы
Где: — на ЭВМ при автономной отладке одной задачи
Расчет часовой оплаты программиста
ЗЗП=736,36х100=7363,6р
Где: t — время работы (час)
Т — з/п в час
1,33 — соц.нужды
ЗСПП=7363,6+58761,53=66125,13 р.
Экономическая эффективность разработанного дипломного проекта заключается в уменьшении затрат колледжа на разработку программы специалистами. В результате внедрения тестирующей программы ожидается повышение качества и скорости проверки знаний у студентов, а так же облегчения труда преподавателя без лишних затрат на разработку.
В результате расчетов, экономическая выгода при разработке тестирующей программы составила 66125,13 рубля.
Во время разработки дипломного проекта мною были закреплены теоретические знания, полученные в результате обучения в ФГОУ СПО «Иркутский энергетический колледж» и приобретены практические навыки по составлению и оформлению комплекта программной и эксплуатационной документации на программный продукт.
В результате работы было выполнено следующее:
1. осуществлен сбор, выборка и компоновка информации по дисциплинам направления 230000
2. произведен анализ существующих тестовых программ с выборкой наиболее интересных и содержательных
3. определены дизайн интерфейса, структура и содержание макета электронной контролирующей программы;
4. разработан программный продукт — электронная тестовая контролирующая программа;
Плюсы моей дипломной работы состоят в том, что теперь у преподавателя есть возможность самостоятельно вносить данные в тестовую программу, добавлять или удалять дисциплины, вносить коррективы в тестовые вопросы. К тому же, внедрение контролирующей программы в учебный процесс облегчит преподавателю проверку знаний студентов.
Минус, по моему мнению, в работе единственный — информация по тестовым вопросам внесена не по всем дисциплинам, т.к. объем информации очень большой и я не успела физически занести все данные. Но программа сама готова, и преподаватель с легкостью сможет занести нужные варианты вопросов и ответов в нее.
1. Матросов А.В., Сергеев А.О., Чаунин М.П. HTML 4.0 — СПб.: БХВ-Петербург, 2003.-672с.
2. Дунаев В. Самоучитель JavaScript, 2-е изд. — СПб.: Питер, 2005.-395с.
3. Молли Э. Хольцшлаг Использование HTML и XHTML. — М.: Вильямс, 2004.
4. Петюшкин А. В. HTML в Web-дизайне. — СПб.: БХВ-Петербург, 2004.
5. Глушаков С. В., Жакин И. А., Хачиров Т. С. Программирование Web-страниц: Учебный курс. — Харьков: Фолио, 2002.
6. Информатика и информационные технологии: учебное пособие/ Ю. Д. Романова, И. В. Лесничая, В. И. Шестаков, И. В. Мессинг, П. А. Музычкин; под редакцией Ю. Д. Романовой. — 3-е изд. перераб. и доп. — М.: ЭСКМО, 2008. — 592с. — (Высшее экономическое образование)
7. Степанов А. Н. Информатика: учебник для ВУЗов.4-е изд. — СПб.: Питер, 2005. — 684с.: ил.
8. www.javascript.ru — сайт посвящен языку JavaScript и смежным технологиям.
Блок-схема контролирующей программы
Размещено на
