Создание и использование интернет-ресурса для обучения и тестирования на занятиях по информатике

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

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

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

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

7

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

Башкирский государственный университет

Создание и использование интернет-ресурса для обучения и тестирования на занятиях по информатике

Хусаинова Гузалия Ядкаровна,

кандидат наук, доцент, доцент

Основное содержание исследования

В данной статье в качестве примера приведена разработка и использование обучающего сайта по дисциплине "Администрирование информационных систем".

Сейчас многие процессы, связанные с обучением, позволяют выполнять интернет-технологии. Одним из направлений в этой области является очень быстро развивающееся, перспективное и актуальное направление - обучение "онлайн" [2-4].

В работе [1] рассмотрены средства разработки обучающих сайтов. В данной статье в качестве примера приведена разработка и использование обучающего сайта по дисциплине "Администрирование информационных систем". Прежде чем был создан сайт, его интерфейс, дизайн, был сделан план-проект. Проект был выполнен простыми и удобными средствами, а именно, с помощью программы "Photoshop".

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

Рисунок 1. Главная страница

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

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

Рисунок 2. Страница "Профиль"

Меню заданий, меню дополнительных материалов, а также меню входа на сайт, указывающее состояние входа в профиль и фамилию, имя студента приведены на рисунке 3. Страница преподавателя должна быть проста и удобна в использовании, поскольку её цель - облегчать работу со студентами, заменить бумажные записи, на удобные и всегда доступные онлайн - записи, бальные ведомости. Преподаватель должен отслеживать результаты изучения материалов всех студентов, видеть баллы за тесты, сданные лабораторные работы. И выставлен конечный результат - "Зачтено" или "Незачтено" у студента по данному предмету.

Рисунок 3. Профиль студента.

Для ускорения и упрощения работы сайта, тестовые вопросы отражаются на одной странице и выводятся по одному из базы данных. Выбор ответа выполнен с помощью "CheckBox" (рис.4). В тесте 10 вопросов, по завершению которого выдаётся количество набранных баллов. Один студент может пройти тест всего 1 раз для выявления знаний студента, следовательно, нужно хорошо подготовиться, прочитать лекцию, посмотреть видеоурок и сдать лабораторную работу. Если же студент попробует пройти тест ещё раз, после первого же вопроса тест просто завершится. Привязка теста к изучаемому материалу происходит следующим образом: при создании теста присваивается тесту имя, а при создании изучаемого материала выбирается тест по названию. Это сделано для того, чтобы облегчить работу преподавателя.

Рисунок 4. Страница Тест

Рисунок 5. Cтраница Список студентов

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

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

Сайт обладает удобной навигационной структурой, представленной в виде меню выбора занятий в странице профиля. Сайт является кроссплатформенным, хорошо отображается в трёх самых распространённых браузерах, таких как: "GoogleChrome", "Opera", "MozillaFireFox", - остается работоспособным и удобным при больших и маленьких размерах экрана, с большой актуальностью информации для целевой аудитории, а именно, студентов, с данным предметом "Администрирование информационных систем", с минимальным дизайном сайта, общий стиль которого выполнен в спокойных серых тонах и разбавлен синим и зелёным цветами шрифтов. С большой функциональностью в виде подсчета баллов за выполнение теста, выполненных лабораторных работ, прочитанных лекций и подведением общего зачета.

обучающий сайт навигационная структура

Список литературы

1. Хусаинова Г.Я. Разработка сайта для использования его в обучении // Novainfo - 2017 г. - № 69.

2. Аллатова И.В. Новые информационные технологии в обучении. - М.: Изд. МГПУ, 2006. - 318 с.

3. Христочевский С.А. Электронные мультимедийные учебники и энциклопедии // Информатика и образование. - 2000. - №2. - C.70 - 78

4. Хусаинов И.Г., Рахимова Р.А. Роль интерактивных технологий на уроках информатики в развитии этического воспитания учащихся // Современные проблемы науки и образования. - 2015. - № 3. - С.488.

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


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

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

    методичка [813,6 K], добавлен 08.11.2013

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

    презентация [2,8 M], добавлен 01.09.2019

  • Технические характеристики компьютерных систем. Анализ интернет-сайта филиала предприятия и выявление основных проблем. Обновление структуры и подгонка сайта под современные стандарты с помощью программы WebSite X5. Создание дизайна веб-страницы.

    отчет по практике [410,2 K], добавлен 14.01.2015

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

    контрольная работа [1,0 M], добавлен 15.02.2017

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

    курсовая работа [403,8 K], добавлен 27.04.2013

  • Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.

    методичка [1,9 M], добавлен 06.07.2011

  • Особенности создания сайта интернет-магазина для частных лиц и организаций. Анализ финансовой и технико-экономической деятельности фирмы. Создание информационной модели сайта, ее базовые элементы. Выбор программного и аппаратного обеспечения сайта.

    дипломная работа [1,5 M], добавлен 08.12.2013

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

    курсовая работа [2,2 M], добавлен 03.04.2013

  • Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.

    курсовая работа [1,0 M], добавлен 09.01.2014

  • История возникновения и применение Каскадных таблиц стилей (CSS) в web-дизайне, их преимущества и отличие от HTML. Сравнительная характеристика табличной и блочной верстки. Практика дизайна сайта: создание бокового меню, всплывающего модального окна.

    курсовая работа [1,2 M], добавлен 21.06.2011

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