Электронное учебное пособие "Информатика"

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

ЭЛЕКТРОННОЕ УЧЕБНОЕ ПОСОБИЕ «ИНФОРМАТИКА»

Курсовая работа

2010

СОДЕРЖАНИЕ

электронное учебное пособие информатика

Введение

1. Планирование разработки web-ресурса

1.1 Типы Web-сайтов

1.2 Технологии создания Web-сайтов

1.3 Основные принципы Web-дизайна

1.4 Сравнительный анализ

Выводы

2. Разработка электронного учебного пособия

2.1 Структура электронного учебного пособия

2.2 Структура страницы

2.3 Система навигации

2.4 Особенности технической реализации

Выводы

3. Методические рекомендации по работе с электронным учебным пособием

3.1 Системные требования

3.2 Установка электронного учебного пособия

3.3 Методические рекомендации для преподавателей и студентов

Выводы

Заключение

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

ВВЕДЕНИЕ

Так как мы являемся людьми нового поколения, то есть XXI века, то мы не можем представить свою жизнь без компьютера и Интернета. А так как большинство компьютеров имеют доступ к Интернету, то почти каждый человек имеющий хотя бы небольшой опыт и навыки может создать собственный сайт. Многим коммерческим и некоммерческим организациям, учебным заведениям бывает очень полезно размещать какую-либо информацию о своей сфере деятельности в Интернет. Ведь доступ к ресурсам Всемирной «паутины» имеет почти каждый: домашние ПК, Интернет-кафе. И даже человек, плохо владеющий компьютером, без особого труда сможет найти интересующую его информацию в Интернет. По этому я решил создать электронное учебное пособие по предмету «Информатика», которое будет полезно для абитуриентов поступающим в университет, а так же студентам, пропустившим лекции по данному предмету.

В данном учебном пособии будут размещены лекции по данному предмету, тесты.

Цель работы - создание электронное учебного пособия по предмету «Информатика».

При выполнении данной задачи стоит рассмотреть и решить следующие задачи:

1. рассмотреть классификацию сайтов;

2. Рассмотреть технологии создания web-сайтов;

3. Проанализировать другие электронные пособия и выявить достоинства и недостатки;

4. Подобрать необходимую информацию;

5. Структурирование информации и её размещение.

1. Планирование и разработка web-ресурса

1.1 Типы сайтов

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

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

Информационные веб-сайты. На таких веб-сайтах представлена информация по конкретной теме или об определенной организации. Это самые распространенные в сети Internet веб-сайты; с течением времени они зачастую перенимают некоторые черты других категорий веб-сайтов.

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

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

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

Коммерческие веб-сайты. Веб-сайт из этой группы создается и поддерживается организацией или индивидуумом для получения коммерческой выгоды - либо напрямую посредством электронной коммерции, либо косвенно через стимулирование приобретения товаров или услуг вне Internet.

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

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

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

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

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

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

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

Веб-сайты в стиле GUI. На этих веб-сайтах соблюдаются некоторые соглашения, связанные с графическим пользовательским интерфейсом (GUI - graphical user interface), взятые из проектирования программного обеспечения, например выровненные кверху строки меню, пиктограммы и всплывающие окна. Среди GUI-ориентированных веб-сайтов есть и простые GUI-компоненты, добавляемые по большей части в тексто-ориентированные веб-сайты, и полнофункциональные веб-приложения со специальными элементами пользовательского интерфейса.

Метафорические веб-сайты. Метафорические веб-сайты черпают идеи из "реальной жизни". К примеру, в дизайне и навигации веб-сайта, посвященного автомобилям, могут быть задействованы приборная панель и рулевое колесо. Метафорически оформленный веб-сайт, как правило, чрезвычайно ярок визуально или интерактивен.[2] Это может вводить в заблуждение одних пользователей и привлекать других.

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

Безусловно, в Internet мы находим смешение форм и потенциально новую классификацию веб-сайтов.

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

1.2 Технологии создания Веб-сайтов

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

HTML(Hyper Text Markup Language - "язык разметки гипертекста") является фундаментальной, базовой технологией Интернета. HTML позволяет формировать на странице сайта текстовые блоки, включать в них изображения, организовывать таблицы, управлять отображением цвета документа и текста, добавлять в дизайн сайта звуковое сопровождение, организовывать гиперссылки. Файлы, содержащие гипертекстовый код, имеют расширение .htm или .html. HTML - это язык форматирования, в котором для задания параметров форматирования используется система тегов. Такие документы являются основным информационным наполнением web-узлов. [3]

Существуют так же и другие технологии создания и улучшения дизайна сайта, например, PHP, XHTML, CSS, SSI, Java, VBScript, CGI, ASP,MySQL,CMS. Давайте рассмотрим их более подробно.

XHTML (EXtensible HyperText Markup Language, Расширенный язык разметки гипертекста) предназначен для замены HTML и считается его более строгой версией. XHTML, сохраняя все особенности HTML, вносит более строгие правила создания страниц, чтобы приблизиться к «идеальному» коду. Это позволяет делать сайты независимыми от устройства отображения и браузера. Иными словами, сайт будет корректно показываться во всех современных браузерах и платформах вроде компьютеров, смартфонов, наладонниках. [11]

Java, существует сегодня в Интернете в двух вариантах: JavaScript и собственно Java. Первый вариант языка является всего лишь надстройкой стандарта HTML и значительно расширяет возможности документа, созданного в этом формате. Модуль, написанный на JavaScript, интегрируется в файл HTML как подпрограмма и вызывается на исполнение из соответствующей строки HTML-кода стандартной командой.[4]

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

Среди достоинств этой технологии следует отметить отсутствие необходимости устанавливать и настраивать на сервере какие-либо дополнительные модули. Главный недостаток Java заключается в том, что пользователи браузеров старых версий, не поддерживающих компиляцию данного языка, воспринимать объекты, созданные при помощи Java и JavaScript, не смогут.

CGI (Common Gateway Interface) подразумевает использование в составе ресурса Интернет интерактивных элементов на базе приложений, обеспечивающих передачу потока данных от объекта к объекту. В общем случае принцип работы CGI выглядит следующим образом: пользователь заполняет на web-страничке ту или иную форму и нажимает на кнопку, после чего встроенная в код HTML строка вызова CGI-скрипта запускает соответствующую программу CGI и передает ей управление процессом обработки информации.

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

SSI (Server Side Includes) - технология, тесно переплетенная с упомянутой выше CGI. На основе макроязыка, очень напоминающего С, SSI позволяет реализовать такие возможности, как вывод в документе того или иного текста в зависимости от определенных условий или согласно заданному алгоритму, формировать файл HTML из динамически изменяющихся фрагментов или встраивать результат работы CGI в какой-либо его участок. Достоинства и недостатки SSI аналогичны описанным в предыдущем абзаце.[4]

CSS - Cascading Style Sheets (каскадные таблицы стилей) выполняет роль некоего шаблона, применяемого для форматирования текста, таблиц и иных элементов в документе HTML. Есть возможность подключать один и тот же физический файл CSS к различным web-страницам сайта. [12]

Среди достоинств CSS следует выделить использование практически на любом сервере без каких-либо ограничений. Крупные недостатки у данной технологии также практически отсутствуют.

РНР (Personal Home Page tools) - это еще один интерпретируемый язык, предназначенный для придания web-страницам элементов интерактивности. Код, написанный на языке РНР, встраивается в документ HTML, где необходимо разместить интерактивный элемент. Технология РНР позволяет организовать на web-странице счетчик посещений, подсчитывать статистику обращений к тем или иным разделам сайта, защитить доступ к какому-либо html-документу паролем и многое другое. Среди недостатков РНР следует отметить то, что данная технология поддерживается далеко не всеми серверами Интернета.

ASP (Active Server Pages, активные страницы сервера) - еще одна технология, аналогичная JavaScript и РНР. Для того чтобы сделать web-страницу интерактивной с применением технологии ASP, необходимо встроить в ее код соответствующий скрипт, написанный на макроязыке.

Скрипт интерпретируется и исполняется непосредственно на сервере, после чего пользовательскому браузеру отправляется уже готовый html-документ с результатами работы сценария ASP.[6] Отсюда следует вполне справедливое заключение о том, что для страниц, содержащих ASP, не имеет значения, какое программное обеспечение установлено на пользовательском компьютере. Зато принципиальное значение имеет тип сервера, на котором вы планируете использовать ASP, поскольку отнюдь не все они поддерживают данную технологию.

VBScript, или Visual BASIC Script (Visual Beginners All-purpose SymbolicInstruction Code Script, визуальный символический универсальный командный код для начинающих) - очередная версия интерпретируемого языка, встраиваемого в html-документ с целью включения в состав web-страницы интерактивных элементов.

Если сравнить более распространенный стандарт JavaScript с VBScript, обнаружить серьезные различия очень трудно, поскольку мнемоника и синтаксис обоих языков во многом схожи. С помощью VBScript можно реализовать практически весь спектр возможностей, характерных для JavaScript.

Однако VBScript в настоящее время менее распространен в Интернете, нежели его «конкурент», поскольку он поддерживается только браузерами производства Microsoft, а именно Internet Explorer версий 3.0 и выше. Netscape Navigator не имеет интерпретатора этого языка, поэтому приверженцы этого браузера лишены возможности использовать интерактивные элементы, созданные с применением VBScript, в то время как JavaScript поддерживается и Internet Explorer и Netscape Navigator.

MySQL - это популярная система управления базами данных (СУБД), очень часто применяемая в сочетании с PHP. База данных представляет собой структурированную совокупность данных. MySQL - это система управления реляционными базами данных. В ней все данные хранятся в отдельных таблицах, благодаря чему достигается выигрыш в скорости и гибкости. Таблицы связываются между собой при помощи отношений, благодаря чему обеспечивается возможность объединять при выполнении запроса данные из нескольких таблиц. SQL как часть системы MySQL можно охарактеризовать как язык структурированных запросов плюс наиболее распространенный стандартный язык, используемый для доступа к базам данным.

MySQL является очень быстрым, надежным и легким в использовании. Применять его и модифицировать может любой желающий. Такое программное обеспечение можно получать по Internet и использовать бесплатно. При этом каждый пользователь может изучить исходный код и изменить его в соответствии со своими потребностями. К недостаткам MySQL нужно отнести медленный индексный скан, любое создание/удаление индекса приводит к полному пересозданию таблицы и всех существующих для неё индексов, нет поддержки триггеров и хранимых процедур[24].

CMS (content management system - cистема управления сайтом (контентом)) - это совокупность программных средств (ядро системы, база данных, файловая система и сопутствующие программные модули), которые используются для ввода, хранения и последующего отображения большого количества динамической информации. Другими словами, CMS - это система управления информацией на сайте. Разработка сайта на основе CMS - системы управления контентом - осуществляется таким образом, чтобы в будущем можно было легко контролировать и поддерживать сайт, а также изменять размещенную на нем информацию, эти качества можно отнести к достоинствам CMS. К минусам можно отнести достаточно сложную посиковую оптимизацию и продвижение сайта.

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

1.3 Основные принципы Web - дизайна

1. Привлекательность

* Содержимое сайта должно быть информативным.

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

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

* Количество графики и текста должно быть сбалансировано.

* Дизайн внутренних страниц должен быть узнаваем, сопоставим с входной страницей.[1]

2. Удобство

* Страницы сайта должны быстро загружаться.

* Основной информационный носитель - текст - должен читаться легко, графическое оформление не должно мешать восприятию текста.

* Основные навигационные элементы сайта - меню и кнопки - должны быть одинаковыми на всех страницах и располагаться в одних и тех же местах.

* Пользователь должен иметь возможность за 1-3 шага попасть в любой раздел Веб-сайта.[5]

3. Первое впечатление

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

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

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

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

Невозможно сделать один сайт даже одного конкретного типа на все случаи жизни. Если Ваша компания имеет широкий профиль, лучше делать несколько сайтов по каждой категории товаров/услуг/информации. Например, интернет-магазины по продаже компьютеров, часов, ювелирных изделий, нижнего белья должны иметь совершенно разный дизайн. Это же касается и информационных порталов и всех других категорий корпоративных сайтов.

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

4. Удобство сайта

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

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

5. Запоминаемость сайта

Пользователь получил искомую информацию, и в хорошем настроении покидает сайт. Необходимо, чтобы он запомнил Ваш сайт, запомнил логотип, имя сайта, бренд компании. Вернулся бы на сайт вновь за новой информацией, не прошел бы мимо рекламных ссылок на Ваш корпоративный сайт находясь на других сайтах, зашел бы в офф-лайн магазины Вашей компании.[10]

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

Из выше сказанного следует, что: страницы сайта должны быстро загружаться; основной информационный носитель - текст - должен читаться легко; графическое оформление не должно мешать восприятию текста; основные навигационные элементы сайта - меню и кнопки - должны быть одинаковыми на всех страницах и располагаться в одних и тех же местах; пользователь должен иметь возможность за 1-3 шага попасть в любой раздел Web-сайта.[5]

1.4 Сравнительный анализ электронных учебных пособий

Рассмотрим ряд подобных электронных источников.

1. Электронное учебное пособие по «Информатике» «book.kbsu.ru»[6]

Рис.1 Электронное учебное пособие по «Информатике» «book.kbsu.ru»

В данном электронном учебном пособии на главной странице размещено мало информации и дизайн сайта не подходит для более лучшей воспринимаемости информации.

2. Раздел информатики на сайте «school.keldysh.ru»[7]

Рис.2 Раздел информатики на сайте «school.keldysh.ru»

Данный раздел информатики расположенный на school.keldysh.ru легко воспринимаемый для пользователя. Понятная система навигации. Четкая структура страницы. Наличие мультимедийного контента.

3. Пособие для учителей и учащихся 10-11 классов «phis.org.ru»[8]

Рис.3 Пособие для учителей и учащихся 10-11 классов «phis.org.ru»

Данный сайт разработан для учителей и учащихся, в нем легкая система навигации коротая включает в себя всего 3 раздела, а собственно: учителя, ученики 10 и 11 классов

4. Информатика и ИТ в школе «www.klyaksa.net»[9]

Рис.4 Информатика и ИТ в школе «www.klyaksa.net»

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

Таблица 1 - таблица критериев

Веб- сайты Критерии	Электронное учебное пособие по «Информатике» «book.kbsu.ru»	Раздел информатики на сайте «school.keldysh.ru»	Пособие для учителей и учащихся 10-11 классов «phis.org. ru»	Информатика и ИТ в школе «www.klyaksa.net»
Читаемость текста	Да	Нет	Да	Да
Поиск по сайту	Нет	Нет	Нет	Да
Система авторизации	Нет	Нет	Нет	Да
Контактная информация	Да	Да	Да	Нет
Наличие каталога файлов	Нет	Нет	Нет	Да
Новости	Нет	Да	Да	Да

Требования по таблице критериев к электронному учебному пособию «Информатика»:

· наличие тестов и практических заданий;

· читаемость текста;

· наличие мультимедиа контента;

· понятная система навигации;

· наличие поиска;

· возможность динамического добавления контента.

ВЫВОДЫ

В данной главе мы рассмотрели классификацию web-сайтов и электронных учебных пособий. Электронное учебное пособие «Информатика» является:

· свободно доступным ресурсом;

· пособием с динамическим содержимым;

· доступным как для локального пользования, так и для сети Интернет.

В результате анализа принципов эффективного web-дизайна выработаны требования к электронному учебному пособию «Информатика»:

· интуитивно понятная система навигации;

· выделение значимых элементов;

· блочная структура страницы.

На основе анализа электронных учебных пособий сходной тематики выработаны следующие требования:

· наличие тестов и практических заданий;

· читаемость текста;

· наличие мультимедиа контента;

· понятная система навигации;

· наличие поиска;

· возможность динамического добавления контента.

Для реализации электронного учебного пособия используется система управления контентом Moodle.

2. РАЗРАБОТКА ЭЛЕКТРОННОГО УЧЕБНОГО ПОСОБИЯ

2.1 Структура электронного учебного пособия

Электронное учебное пособие «Информатика » содержит 5 основных разделов: материалы, задания, видео материалы, тест, литература.

В пособии рассматриваются вопросы по работе Microsoft Office 2007, системы счисления, работа с файлами. Так же рассматривается курс информатики, компьютерные сети и телекоммуникации. В 16 основных блоках пособия содержится 82 лекции, 19 файлов для упражнения и 27 заданий для самостоятельного решения. Есть возможность проверить остаточные знание пройдя тест по курсу.

Схема структуры электронного учебного пособия «Информатика» показана на рисунке

рис. 5 Структура электронного учебного пособия «Информатика»

2.2 Структура страницы

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

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

рис. 6 Электронное учебное пособие «Информатика»

Главное меню состоит из 5 элементов: главная, материалы, видео, задания, тест, литература.

2.3 Система навигации

Система навигации в электронном учебном пособии представляет собой поиск информации несколькими способами, которые облегчают работу пользователям данного ЭУП.

рис. 7 Система навигации.

2.4 Особенности технической реализации

Электронное учебное пособия создано на основе Moodle. Здесь предоставлена возможность динамического добавления информации даже неподготовленному пользователю. Создание разделов и каталогов, редактирование пунктов меню.

рис. 8 Редактирование.

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

ВЫВОДЫ

При создании электронного учебного пособия «Информатика» мы использовали систему управления контентом Moodle. Данная система позволяет нам легко редактировать и добавлять новый материал. В данном электронном учебном пособии наглядно и удобно размещен поиск, который не составит труда по поиску и у самого начинающего пользователя. В пособии рассматриваются вопросы по работе Microsoft Office 2007, системы счисления, работа с файлами. Так же рассматривается курс информатики, компьютерные сети и телекоммуникации. В 16 основных блоках пособия содержится 82 лекции, 19 файлов для упражнения и 27 заданий для самостоятельного решения. Есть возможность проверить остаточные знание пройдя тест по курсу.

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

Далее в следующей главе будут описаны методические рекомендации по работе с электронным учебным пособием.

3. МЕТОДИЧЕСКИЕ РЕКОМЕНДАЦИИ ПО РАБОТЕ С ЭЛЕКТРОННЫМ УЧЕБНЫМ ПОСОБИЕМ

3.1 Системные требования

Аппаратные требования к Web-серверу и серверу баз данных определяются возможностью поддержки работы системы управления контентом Moodle и наличием свободного места для мультимедийного контента. Для работы электронного учебного пособия необходимо от 150Мб до 300Мб места на диске.

Рекомендуемое разрешение монитора 1024x786, но при возможности масштабируемости пользоваться электронным учебным пособием можно и на мониторах с более высоким расширением. Оперативная память 1 Гб.

Рекомендуемые браузеры:

· Firefox

· Google Chrome

· Internet Explorer 7 и выше

Аппаратные и программные средства должны отвечать следующим требованиям:

Процессор Pentium IV и выше;

Операционная система:

· Windows XP,

· Windows Vista,

· Mac OS (начиная с 7 версии).

3.2 Установка электронного учебного пособия

Для установки электронного учебного пособия потребуется EasyPHP1-8. Скопировав в папку ../ EasyPHP1-8\www\ систему управления контентом Moodle, необходимо запустить

EasyPHP1-8. После запуска необходимо запустить локальные веб страницы (F7)

рис. 9 Запуск локальной веб страницы.

Далее следует приступить к установке непосредственно самого moodle.

рис. 10 Установка Moodle.

После несложных действий вы получите полностью готовую систему управления контентом.

рис. 11 Завершение установки.

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

рис. 12 Настройки PHP.

После этого необходимо установить следующие параметры:

memory_limit = 300M;

post_max_size = 300M;

upload_max_filesize = 300M.

Выполнив все выше указанные действия можно приступать к восстановлению базы.

3.3 Методические рекомендации для преподавателей и студентов

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



рис. 13 Вход в административная панель

В административной панели выбираем раздел «редактировать»

рис. 14 Главное меню административной панели

В появившемся редакторе можно изменять и добавлять новый материал.

Произведя необходимые действия необходимо сохранить изменения для этого необходимо нажать на кнопку Сохранить.

рис. 15 Сохранение изменений при редактировании.

ВЫВОДЫ

Электронное учебное пособие «Информатика» предназначено для подготовки студентов и абитуриентов к сдаче экзамена по предмету «Информатика». Помогает освоить и закрепить материал учебного курса.

В пособии рассматриваются вопросы по работе Microsoft Office 2007, системы счисления, работа с файлами. Так же рассматривается курс информатики, компьютерные сети и телекоммуникации. В 16 основных блоках пособия содержится 82 лекции, 19 файлов для упражнения и 27 заданий для самостоятельного решения. Есть возможность проверить остаточные знание пройдя тест по курсу.

ЗАКЛЮЧЕНИЕ

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

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

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1. Студия веб-дизайна Art Venture. Режим доступа: http://www.av-webstudio.ru(22.03.2009).

2. Классификация Web-сайтов. - Режим доступа: http://ru.wikipedia.org/wiki/Веб-сайт

3. Публикации. Электронный учебник. - Режим доступа: http://256.ru/publish/elec-book.php

4. Web-мастеру. Советы по дизайну. Режим доступа: http://mweb.ru (13.04.2009).

5. Советы по Web-дизайну. Режим доступа: http://biblioteka.net.ru (25.03.2009).

6. www.book.kbsu.ru

7. www.school.keldysh.ru

8. www.phis.org.ru

9. www.klyaksa.net

10. Круг С. Веб-дизайн Стива Круга или «Не заставляй меня думать!» - Пер. с англ. / Круг с. // - СПб: Симвов-Плюс, - 2005. - С. 18-28.

11. Язык XHTML. Практическое введение. - Режим доступа: http://www.citforum.ru/internet/xml/part1.shtml

12. Введение в CSS. - Режим доступа: http://cssor.ru/css/novichkam/vvedenie-v-css

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