CASE-средства для разработки информационных систем

Содержание

 

Аннотация ……………………………………………………………….… 3

Введение ………………………………………………………………........ 4

 

  1. Анализ предметной области и обоснование состава задач электронного учебника …………………………………………………..... 5

     1.1. Анализ предметной области …………………………………….......... 5

    1. Состав задач электронного учебника ……………………………..… 7

2. Средства разработки  электронного учебника .............................…...…. 8

     2.1. HTML: общие сведения о языке …………………………………...…. 8

2.2. Команды ……………………………………………………………..... 10

2.2.1. Команды структуры ………………………………………………... 10

2.2.2.  Команды форматирования заголовков ………………………….... 11

2.2.3. Команды форматирования текстового потока ……………….…... 11

2.2.4. Команды форматирования списков ………………………….......... 12

2.2.5. Коды форматирования символов …………………………….......... 13

2.2.6. Специальные символы ……………………………………………... 13

2.2.7. Команды гипертекстовых связей …………………………….......... 14

2.2.8. Команды вставки графики  ………………………………………… 15

3. Рекомендации пользователю по работе с электронным учебником …17

 

Заключение ………………………………………………………………... 19

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

Приложение. Электронный учебник на диске.

 

 

Аннотация

Перед нами была поставлена задача создание электронного учебника. Необходимость разработки принципов проектирования учебников, которые могут помочь ученику не только получать необходимые знания, но и одновременно развивали опыт его творческой деятельности как компонента содержания образования. В основу электронного учебника была взята книга «CASE – средства для разработки информационных систем» Автор Маклаков С. В. Для написания электронного учебника, используем язык HTML, так как он имеет более простой синтаксис.

 

Введение

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

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

Электронный учебник  не может и не должен заменять книгу.

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

Целью курсового проектирования является получение практических навыков  в проектировании электронного учебника.

 

      1. Анализ предметной области и обоснование состава задач электронного учебника

1.1. Анализ предметной области

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

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

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

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

Электронные учебники позволяют решать такие основные педагогические задачи, как:

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

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

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

- восстановление знаний  и умений.

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

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

Электронный вариант  учебника должен отличаться от классического.

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

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

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

Система дистанционного образования предполагает активное использование компьютерных Internet-технологий, поэтому можно быть уверенным в наличии у пользователя какого-либо браузера. То есть электронные учебники второго вида в этом случае лучше всего делать с использованием языка гипертекстовой разметки (HyperText Markup Language -- HTML).

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

      1. Состав задач электронного учебника

Оформление учебника должно быть исключительно функциональным.

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

Для теоретической части  учебника это означает, что

* Весь материал разбивается  на блоки, то есть разделы  или главы.

* Общее меню разделов может быть вызвано с главной страницы.

* Вход в каждый конкретный  раздел возможен только из  этого меню.

* Разделы (главы), в  свою очередь, также должны  иметь свое собственное меню для содержащихся в нем тем.

* Вызов страниц с  отдельными конкретными темами должен быть возможен только из меню раздела.

* Перемещение между  страницами осуществляется только  в пределах объединяющего их раздела (главы).

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

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

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

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

2. Средства  разработки электронного учебника 

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

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

2.1. HTML: общие сведения о языке.

Команды форматирования языка HTML, называемые управляющими кодами (tag), представляют собой просто зарезервированные  последовательности символов, начинающиеся с < (знака меньше) и заканчивающиеся > (знаком больше). Управляющие коды HTML нечувствительны к регистру в отличие от escape-последовательностей специальных символов HTML (к которым мы вернемся позже). В большинстве случаев управляющие коды используются симметричными парами, при этом завершающий код отличается от открывающего символом / (знак дроби). Например, если у нас есть гипотетический атрибут форматирования текста, управляемый кодом <X> HTML-последовательность кодов и собственно текста будет выглядеть так:

   <X>Это мой  текст</X>

Данная схема симметричных управляющих кодов во многом похожа на их использование в стандартном обобщенном языке разметки текста SGML (Standard Generalized Markup Language); и действительно, на разработчиков HTML сильно повлияло их знакомство с SGML. HTML можно втиснуть в рамки определения типа документов (DTD) языка SGML, однако в нем реализованы все возможности, которые дает SGML.

Сейчас в World-Wide Web сосуществуют три  различных версии или уровня HTML. Версии 0.9 или 1.0 в основном сосредоточиваются на управлении заголовками, списками и форматировании символов. Разобьем команды HTML 0.9/1.0 на восемь категорий:

- команды структуры определяют документ HTML в целом и указывают начала и концы его логических частей;

-команды форматирования текстового потока отмечают концы абзацев, принудительные переводы строки, заголовки, сдвинутый (indented) или предварительно сформатированный текст и т. п.;

- команды форматирования заголовков обеспечивают оформление заголовков и подзаголовков шести различных уровней;

- команды форматирования символов применяются к "физическому" или "логическому" стилю потока символов;

- команды форматирования списков применяются для оформления списков нескольких видов;

- escape-последовательности специальных символов используются для вывода на экран знаков, которых нет в наборе ASCII; символов, которых нет на клавиатуре автора текста; символов, которые были бы интерпретированы как команды HTML;

- команды вставки графики определяют внешние файлы как графические ресурсы для вставки в текст документа и совместного их вывода программой просмотра Web;

- команды связей (anchor) создают гипертекстовые связи или служат как отметки мест назначения для этих связей.

 

2.2. Команды

2.2.1. Команды структуры

Три самых важных управляющих  кода HTML данной категории - <HTML>, <HEAD> и <BODY>. Они передают программе просмотра Web основную информацию для идентификации и организации документа.

Управляющие коды <HTML> и </HTML> помещаются соответственно в начале и конце всего документа, чтобы обозначить текст как действительный документ на языке разметки гипертекста. Говоря точнее, эти коды ограничивают ту часть документа, которую должна обработать и отобразить программа просмотра Web.

Между кодами <HEAD> и </HEAD> помещается раздел заголовка документа. Между  кодами <HEAD> и </HEAD> разрешается использовать только несколько других кодов, и единственная пара среди них, которая сейчас может представлять для вас интерес, - это <TITLE> и </TITLE>.

Когда текст обрамляется кодами <TITLE>, программа просмотра Web выводит  его на панель заголовка соответствующего окна.

Управляющие коды <BODY> и </BODY> определяют часть документа, которая будет показана пользователю в клиентской области окна программы просмотра Web. Тело документа состоит из произвольной смеси абзацев, горизонтальных линеек, заголовков и списков, перемежающихся вкрапленными управляющими кодами для форматирования символов, гипертекстовых связей и вставляемой графики.

             2.2.2. Команды форматирования заголовков

В HTML предусмотрены управляющие коды заголовков шести уровней, которые можно использовать для форматирования заголовков и подзаголовков документа: <H1>, <H2>, <H3>, <H4>, <H5> и <H6>. Эти коды должны использоваться парами; например, последовательность HTML.

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

2.2.3. Команды форматирования текстового потока

Три наиболее часто используемых управляющих кода данной категории - <P>, <BR> и <HR>. Это одиночные, а не парные коды; другими словами, программы просмотра не требуют кодов </P>, </BR> и </HR>.

Управляющий код <P> означает конец абзаца и соответствует  коду \par формата RTF (Rich Text Format - расширенный текстовый формат). Если остальные управляющие коды не устанавливают иного, весь текст между кодами <P> программой просмотра может быть разбит на строки в соответствии с размером окна, экранного шрифта и т. п. По соглашению программы просмотра Web используют для отделения каждого абзаца от следующего промежуток размером в одну строку.

Управляющий код <BR> вводит принудительный перевод строки и  соответствует нажатию клавишной  комбинации [Shift]-[Enter] в текстовых  процессорах Word. Код <BR> не означает конца логического абзаца, и за строкой с этим кодом дополнительная пустая строка не появится.

Управляющий код <HR> сообщает программе просмотра, что в этом месте следует изобразить горизонтальную линию, пересекающую клиентскую область окна.

Управляющие коды <LISTING> и <BLOCKQUOTE> по смыслу похожи на коды <PRE>. Текст между <LISTING> и </LISTING> рассматривается как исходный текст программы или листинг, сгенерированный транслятором языка программирования. Коды <BLOCKQUOTE> и </BLOCKQUOTE> ограничивают цитаты или извлечения из других источников. Цитируемый текст выделяется с обеих сторон отступом, перед ним и после него могут быть дополнительные промежутки, он может быть выведен другим шрифтом.

2.2.4. Команды форматирования списков

Версии HTML предусматривают  три типа списков: упорядоченные списки, неупорядоченные списки и списки определений, которые обозначаются соответственно метками <OL>, <UL> и <DL>. Упорядоченные списки предназначены для последовательных операций или алгоритмов, и программа просмотра Web автоматически генерирует номера для каждого пункта в списке. Неупорядоченные списки используются, например, при составлении перечня покупок, когда порядок несуществен и перед каждым элементом в выводимом на экран списке будет стоять буллит. Списки определений обеспечивают специальное форматирование, как в словарях, или глоссариях, для терминов и связанных с ними описаний.

Отдельные элементы в  упорядоченном и неупорядоченном  списке помечаются одиночным кодом <LI>, а элементы в списках <DL> - кодами <DT> и <DD> для термина  и его значения соответственно.

 

2.2.5. Коды форматирования символов

Управляющие коды форматирования символов можно разделить на две  подгруппы: коды физических атрибутов  символов и коды логических атрибутов  символов. Эти коды всегда парные. Коды физических атрибутов соответствуют параметрам форматирования, применяемым в текстовых процессорах:

   <B> Полужирный  шрифт

   <I> Курсив

   <U> Подчеркивание

   <TT> "Телетайпный"  текст - равноширинный шрифт (Курьер)

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

<ADDRESS>

Информация для контакта с автором  документа HTML

<CITE>

Цитата

<CODE>

Используется для директив HTML

<DFN>

Определение

<EM>

Выделение (обычно курсивом)

<KBD>

Клавиатурный символ

<SAMP>

Пример вывода команды

<STRONG>

Усиленное выделение (полужирным шрифтом)

<VAR>

Переменная в программе


 

2.2.6. Специальные символы

Спецификация HTML определяет набор символов для документов HTML как набор 8-разрядных однобайтовых символов ISO 8859/1, который также известен как Латинский алфавит N 1 (Latin-1). Это набор из 256 символов, который содержит много графических элементов и символов с диакритическими знаками, необходимых для текстов на большинстве европейских языков, в том числе и на английском. Младшие 128 кодов символов ISO 8859/1 практически те же, что и в ASCII, и этот поднабор иногда называют International Reference Version, или ISO-646.

HTML предусматривает специальные  "escape-последовательности", которые могут использоваться для кодирования символов, не входящих в таблицу ASCII, и ограничителей команд HTML. В спецификациях HTML эти escape-последовательности называются символьными объектами (character entities). Вот наиболее важные из них:

Escape-последовательность

Отображается как

&lt;

<

&gt;

>

&amp;

&

&quot;

"


Специальные символы  могут также кодироваться цифровой escape-последовательностью, где число  соответствует коду символа ISO 8859.

Escape-последовательность 

Отображается как

&#60;

<

&#62;

>

&#38;

&

&#34;

"

&#169;

©

&#174;

®


Отметим, что, согласно спецификации HTML, escape-последовательности для специальных  символов чувствительны к регистру символов. Но некоторые программы  просмотра (в том числе Netscape Navigator) воспринимают символы верхнего регистра так же, как и нижнего.

2.2.7. Команды гипертекстовых связей

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

   <A HREF="URL">некоторый  текст</A>

где "некоторый текст" - это то, что видит пользователь, а URL - "место назначения" гипертекстовой связи. Адрес этого места может быть абсолютным, с полным именем сервера и именем файла документа назначения; относительным, означающим, что имя сервера и начальный каталог предполагаются теми же, что и у документа, содержащего код гипертекстовой связи; или даже локальным, если файл находится на компьютере, где запущена программа просмотра Web, а не на сервере Web. Между кодами <A> и </A> можно поместить текст любого объема, код <IMG> для вставки графики или сочетание того и другого.

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

   <A HREF="URL#метка">некоторый  текст</A>

Метка должна находиться в HTML-документе назначения и иметь  такой вид:

<A NAME="метка">текст,  который увидит пользователь</A>

2.2.8. Команды вставки графики

Одно из самых главных свойств WWW - ее мультимедиа-возможности, т. е. вставка рисунков, пиктограмм, видеоклипов и звука наравне с текстом и представление результатов в визуально насыщенном, привлекательном и цельном виде.

На простейшем уровне графические элементы вставляются в текст с помощью управляющего кода <IMG>. Он содержит унифицированный адрес ресурса URL, определяющий действительное положение графического объекта в отдельном файле, и некоторые подробности его вывода на экран. Другими словами, графика на самом деле не включается в документ HTML, а вызывается по ссылке. Адрес может быть абсолютным или относительным, так что сам графический объект может находиться или на той же машине, что и обращающийся к нему документ HTML, или на любом другом адресуемом сервере Web, или даже на собственном жестком диске пользователя. Полный вид кода <IMG> такой:

<IMG SRC="URL" [ALIGN=TOP|MIDDLE|BOTTOM] [ALT="text"]>

Посмотрим простой пример встраиваемой графики. Приведенный ниже фрагмент в документе HTML отображает графический файл JOHNDOE.GIF в левой части окна просмотра, а текст "John Doe" - в правой, при этом линейка, на которой располагается текст, будет находиться на половине высоты рисунка.

   <P>

   <IMG SRC="JOHNDOE.GIF" ALIGN=MIDDLE>

   John Doe<P>

Адрес графического файла - относительный, так что программа просмотра будет пытаться найти его там же, где и сам документ HTML, содержащий ссылку на него.

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

 

 

 

3. Рекомендации пользователю по работе с электронным учебником

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

 

 

Пользователь попадёт  на главную страницу, где отображается содержание учебника.

 

 

Каждая глава является ссылкой, по нажатию на которую, осуществляется переход на страницу с текстом данной главы.

Во всех главах есть под  главы, переход на которые так  же осуществляется через ссылки. В конце каждой главы и под главы есть ссылка «К содержанию» при нажатии на нее мы выходим на содержание всей книги.

 

Заключение

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

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

Электронный учебник  необходим для самостоятельной  работы учащихся при очном и, особенно, дистанционном обучении потому, что он

- облегчает понимание изучаемого материала;

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

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

- предоставляет широчайшие возможности для самопроверки на всех этапах работы;

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

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

Электронный учебник  полезен на практических занятиях. Учебник удобен для преподавателя.

 

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

Основная:

1. HTML и CSS. Совместное использование: Вирджиния ДеБольт — Санкт-Петербург, НТ Пресс, 2006 г.- 512 с.

2. HTML и CSS в примерах, типовых решениях и задачах (+ CD-ROM): С. А. Соколов — Санкт-Петербург, Вильямс, 2007 г.- 416 с.

3. HTML, скрипты и стили: В. В. Дунаев — Санкт-Петербург, БХВ-Петербург, 2011 г.- 816 с.

4. HTML и XHTML. Подробное руководство: Чак Муссиано и Билл Кеннеди — Санкт-Петербург, Символ-Плюс, 2008 г.- 752 с.

5. HTML 4.0: А. Матросов, А. Сергеев, М. Чаунин — Москва, БХВ-Петербург, 2008 г.- 672 с.

Дополнительная:

6. Информатика. Базовый курс. Учебник для Вузов/под ред. С.В. Симо-новича, - СПб.: Питер, 2000.

7. Основы веб-программирования с использованием HTML, XHTML и CSS: Джон Дакетт — Санкт-Петербург, Эксмо, 2010 г.- 768 с.

8. HTML. Самое необходимое (+ CD-ROM): Н. П. Кисленко — Санкт-Петербург, БХВ-Петербург, 2008 г.- 352 с.

9. Фигурнов В. Э. IBM PC для пользователя. М.: Инфра-М, 2001 г.

10. Гончаров А. HTML в примерах. СПб.: Питер, 1997.

CASE-средства для разработки информационных систем