Контрольная работа по ПОПД

Содержание 

  Аннотация.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  3
  Введение.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  . 4
1 Сетевые технологии и Internet.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  . 5
2 Психолого-эргономические требования.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  . 9
3 Постановка  задачи и выбор способа ее решения.  .  .  .  .  .  .  .  .  .  .  .  . 12
4 Описание структуры  размещение материала.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  13
  Заключение.  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  . 17
  Литература.  .  .  .  .  .  .  .  .  .  . .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  . 16

 

Аннотация 

         В данной контрольной  работе разработана гипертекстовая структура максимально доступного представления учебного материала, по курсу " Разработка Web-приложений " через World Wide Web, студенту имеющему минимальный опыт. 
 

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

  • - ПК подключенные  к Internet, работающий под управлением ОС MS Windows (версии 9х и выше), MS Windows NT, OS/2 (версии 2.0 и выше), Linux (с эмулятором Windows), Sun или Apple Macintosh;
 
  • - Internet браузер: MS Internet Explorer (версия 4.0 и выше);
 
  • - Видеоадаптер, поддерживающий режим 800x600x256 цветов;

 

Введение 

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

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

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

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

 

1. Сетевые технологии  и Internet 

         Около 30 лет назад Министерство Обороны США создало сеть, которая явилась предтечей Internet, - она называлась ARPAnet. ARPAnet была экспериментальной сетью, - она создавалась для поддержки научных исследований в военно-промышленной сфере, - в частности, для исследования методов построения сетей, устойчивых к частичным повреждениям, получаемым, например, при бомбардировке авиацией и способных в таких условиях продолжать нормальное функционирование. Это требование дает ключ к пониманию принципов построения и структуры Internet. В модели ARPAnet всегда была связь между компьютером-источником и компьютером-приемником (станцией назначения). Сеть a priori предполагалась ненадежной: любая часть сети может исчезнуть в любой момент.

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

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

         Эти решения могут  показаться странными, как и предположение  о "ненадежной"' сети, но уже имеющийся  опыт показал, что большинство этих решений вполне разумно и верно. Пока Международная Организация по Стандартизации (Organization for International Standartization - ISO) тратила годы, создавая окончательный стандарт для компьютерных сетей, пользователи ждать не желали. Активисты Internet начали устанавливать IP-программное обеспечение на все возможные типы компьютеров. Вскоре это стало единственным приемлемым способом для связи разнородных компьютеров. Такая схема понравилась правительству и университетам, которые проводят политику покупки компьютеров у различных производителей. Каждый покупал тот компьютер, который ему нравился и вправе был ожидать, что сможет работать по сети совместно с другими компьютерами.

Примерно 10 лет спустя после появления ARPAnet появились Локальные Вычислительные Сети (LAN), например, такие как Ethernet и др. Од

 

         Одновременно появились компьютеры, которые стали называть рабочими станциями. На большинстве рабочих станций была установлена Операционная Система UNIX. Эта ОС имела возможность работы в сети с протоколом Internet (IP). В связи с возникновением принципиально новых задач и методов их решения появилась новая потребность: организации желали подключиться к ARPAnet своей локальной сетью. Примерно в то же время появились другие организации, которые начали создавать свои собственные сети, использующие близкие к IP коммуникационные протоколы. Стало ясно, что все только выиграли бы, если бы эти сети могли общаться все вместе, ведь тогда пользователи из одной сети смогли бы связываться с пользователями другой сети.

         Одной из важнейших среди этих новых сетей была NSFNET, разработанная по инициативе Национального Научного Фонда (National Science Foundation - NSF), аналога нашего Министерства Науки. В конце 80-х NSF создал пять суперкомпьютерных центров, сделав их доступными для использования в любых научных учреждениях. Было создано всего лишь пять центров потому, что они очень дороги даже для богатой Америки. Именно поэтому их и следовало использовать кооперативно. Возникла проблема связи: требовался способ соединить эти центры и предоставить доступ к ним различным пользователям. Сначала была сделана попытка использовать коммуникации ARPAnet, но это решение потерпело крах, столкнувшись с бюрократией оборонной отрасли и проблемой обеспечения персоналом.

         Тогда NSF решил построить свою собственную сеть, основанную на IP технологии ARPAnet. Центры были соединены специальными телефонными линиями с пропускной способностью 56 Kbps . Однако, было очевидно, что не стоит даже и пытаться соединить все университеты и исследовательские организации непосредственно с центрами, т.к. проложить такое количество кабеля - не только очень дорого, но практически невозможно. Поэтому решено было создавать сети по региональному принципу. В каждой части страны заинтересованные учреждения должны были соединиться со своими ближайшими соседями. Получившиеся цепочки подсоединялись к суперкомпьютеру в одной из своих точек, таким образом суперкомпьютерные центры были соединены вместе. В такой топологии любой компьютер мог связаться с любым другим, передавая сообщения через соседей.

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

 

         и развитие сети был  передан компании Merit Network Inc., которая  занималась образовательной сетью Мичигана совместно с IBM и MCI. Старая физически сеть была заменена более быстрыми (примерно в 20 раз) телефонными линиями. Были заменены на более быстрые и сетевые управляющие машины.

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

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

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

         Internet, WWW (World Wide Web, Всемирная паутина), intranet, extranet - все эти вещи и в деловой жизни, и в обиходе становятся столь же привычными, как и телефон. Бесчисленное множество технологий, вызванных к жизни их распространением, прочно входит в наш быт, изменяя наш образ мысли и деятельности. Одно из новейших направлений - сети intranet, внутрикорпоративные сети, построенные с использованием Internet - технологии - уже само успело дать потомство в виде extranet, сетей, образуемых несколькими связанными сетями intranet для обеспечения совместного доступа к информации. Можно только гадать, что будет дальше.

         Основой Internet'а является гипертекст, поэтому специально для этого был разработан язык его размещения - HTML (Hyper Text Mark-Up Language, Язык разметки гипертекста).

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

 

         документы, которые  могут быть просмотрены многими  браузерами Web, как сейчас, так и  в будущем. Это не исключает возможности  использования других методов, например, метод расширенных возможностей, предоставляемый Netscape Navigator, Internet Explorer или некоторыми другими программами.

 

2. Психолого-эргономические  требования 

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

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

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

         - системно - психологическую  характеристики пользователя;

         - логико-психологическое  описание класса решаемых с  помощью ПС задач;

 

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

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

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

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

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

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

         Можно выделить целый  ряд эргономических требований к  организации информации на. экране:

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

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

         - рекомендуется минимизировать  на экране использование терминов, относящихся к ЭВМ, вместо терминов, привычных для пользователя;

         - не следует для  представления информации использовать  краевые зоны экрана;

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

 

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

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

 

3. Постановка задачи  и выбор способа  ее решения 

         Задачей курсовой работы являлась разработка Интернет версии лекций к курсу " Разработка Web-приложений " опираясь на готовую и применяемую в обучении полиграфическую версию.

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

         Разработку Интернет версии лекций к курсу "Машины и  аппараты химических производств" было решено осуществлять на языке размещения гипертекста HTML, а в качестве визуального редактора языка HTML был выбран программный продукт Microsoft  FrontPage, который эмитируя окно браузера позволяет добиться максимально удобного и гармоничного размещения учебного материала на экране компьютера. 

 

4. Описание структуры размещение материала 

         Как в полиграфической  так и в Интернет версии лекционного  курса, весь учебный материал представлен  в шестнадцати главах: 

  Главная
основы HTML  
      Урок 1.
Введение в структуру  документа HTML
      Урок 2.
Тэги форматирования документа
      Урок 3.
Тэги форматирования документа (продолжение)
      Урок 4.
Ссылки в HTML
      Урок 5.
Списки в HTML
      Урок 6.
Графика в HTML
      Урок 7.
Таблицы в HTML
      Урок 8.
Табличная верстка
      Урок 9.
Заполняемые формы
      Урок 10.
Заполняемые формы (продолжение)
      Урок 11.
Фреймовая структура документа
      Урок 12.
Работа с внешними приложениями
      Приложение 1.
Таблица базовых  цветов
 
задания на самостоятельную  работу
 
 
 
    Лабораторная работа №1
Знакомство с  таблицами
    Лабораторная работа №2
Форматирование  текста в HTML-документах
    Лабораторная работа №3
Организация  гиперссылок
    Лабораторная работа №4
Создание фреймовой  структуры
    Лабораторная работа №5
Использование иерархических  стилевых спе-цификаций (CSS)
    Лабораторная работа №6
Организация форм
    Лабораторная работа №7
Создание клиентских сценариев
дополнительные  материалы  
 
 
Сайт: Интернет версия лекций к курсу

" Разработка Web-приложений "

Титульная страница лекционного курса
Главная основы HTML задания на самостоятельную работу дополнительные материалы
  Урок 1. Введение в структуру документа HTML Урок 2. Тэги форматирования документа ... 1.х Лабораторная работа №1

Знакомство с  таблицами

   
 

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

         - верхняя (постоянная), при помощи ссылок, которые на  ней размещены,  можно вернуться к выборы главы, на титульную страницу или отправиться на сервер ТГТУ, а две крайние ссылки (назад и вперед) позволяют повторять перемещение пользователя по лекционному курсу в обоих направлениях;

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

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

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

 

Заключение 

         Данная тема была выбрана по нескольким причинам. Одна из самых существенных заключается  в том, что за всемирной компьютерной сетью Internet будущее. И любой человек  сознает, что знание Internet необходимо и ему. Но так как информации в сети достаточно большое количество и она «разбросана» по огромному количеству серверов, необходимо уметь и знать как ее находить.

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

В кантрольную  работу вошел материал Супрун Светланы Владимировны и Долинер Леонид Исаевич .

Литература

  1. Пауэлл  Томас А.WEB-дизайн: Пер. с англ. – СПб.: БХВ-Петербург, 2002. – 1024с.: ил.
  2. Браун, Марк, Р., и Хоникатт, Джерри, и др. Использование HTML 4, 4-е издание. Специальное издание.: Пер. с англ. – М.; СПб.; К.: Издательский дом «Вильямс», 1999. – 784 с.: ил- Парал. тит. англ. уч.пос.
  3. Вайк Аллен и др. JavaScript в примерах: Пер. с англ. / Аллен Вайк и др. – К.: Издательство «ДиаСофт», 2000. – 304 с.
  4. Хоумер А., Улмен К. Dinamic HTML: справочник – СПб: Издательство «Питер», 2000. – 512 с.
  5. Федоров А.Г. JavaScript для всех. – М.: КомпьютерПресс, 1998. – 384 с.
Контрольная работа по ПОПД