Разработка учебно-методических материалов для дистанционного образования

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

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

Министерство образования и науки Республики Казахстан

Международная академия бизнеса

Кафедра информационных технологий

КУРСОВАЯ РАБОТА

по дисциплине

Web-технологии

Тема

Разработка учебно-методических материалов для дистанционного образования

Выполнил: Ним С.С.

Научный руководитель:

Коржаспаев А.Е.

Алматы - 2012



Содержание

Введение

1. Всемирная паутина (World Wide Web)

1.1 Распространение Internet

1.2 Концепция WWW

2. Обзор Web технологий

2.1 Язык гипертекстовой разметки HTML

2.2 Язык PHP

2.3 MySQL

2.4 JavaScript

3. Программы для создания Web-портала

3.1 HTML-редакторы и PHP-редакторы

4. Постановка задачи

5. Программная реализация клуба по интересам

5.1 Элементы сайта и их структура

5.2 Электронный учебник

5.3 Система тестирования

5.4 Система учета и регистрации обучаемых

Заключение

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

Приложение



Введение

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

Основными целями использования ДОТ являются:

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

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

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

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

Использование информационно-коммуникационных технологий (ИКТ) и ДОТ позволяет:

- создать и развивать полноценную систему ДО;

- развивать новые современные методы обучения;

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

1. Всемирная паутина (World Wide Web)

1.1 Распространение Internet

Internet - это самая большая мировая компьютерная сеть. Теперь Internet имеет приблизительно 150 миллионов пользователей более чем в 50 странах. WWW доступен в основном через Internet; но говоря WWW и Internet мы подразумеваем не одно и то же. WWW можно отнести к внутреннему содержанию, то есть это какой-либо абстрактный мир знаний, в то время как Internet является внешней стороной глобальной сети в виде огромного количества кабелей и компьютеров.

Рис. 1. Карта распространения Интернета в мире

На рис.1 страны, обозначенные черным цветом, имеют связь по Internet. Количество людей, которые имеют такой доступ, в этих странах становится все большее и большее. Страны, обозначенные белым цветом могут работать по e-mail, в локальных сетях или не имеют ничего подобного вообще.

1.2 Концепция WWW

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

Распределенная информационная система: информация сохраняется на огромном великом множестве так называемых WWW-серверов (servers). То есть компьютеров, на которые установленное специальное программное обеспечение и которое объединенные в сеть Internet. Пользователи, которые имеют доступ к сети, получают эту информацию с помощью программ-клиентов, программ просмотра WWW-документов. При этом программа просмотра посылает по компьютерной сети запрос серверу, который сохраняет файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот необходимый файл или сообщение об отказе, если файл по тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по определенным правилам, или, как говорят иначе, протоколам. Протокол, принятый в WWW, называется HyperText Transfer Protocol, сокращенно - HTTP.

Мультимедиа: информация включает в себя не только текст, но и двух- и трехмерную графику, видео и звук.

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

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

Итак, Web-страница может содержать стилизованный и форматованный текст, графику и гиперсвязи с разными ресурсами Internet. Чтобы реализовать все эти возможности, был разработанный специальный язык, названная HyperText Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра.



2. Обзор Web технологий

2.1 Язык гипертекстовой разметки HTML

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

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

Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо.

HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными браузерами, и, возможно, станет основанием почти всего программного обеспечения, которое имеет отношение к Web.

Язык гипертекстовой разметки HTML World Wide Web, или, что то же самое Всемирная паутина, WWW составляет основную компоненту глобальной компьютерной сети Интернет. Зародившись еще в 60-е гг Интернет долгое время использовалась лишь узким кругом специалистов для обмена информацией по электронной почте. Сеть управлялась операционной системой UNIX - для научных целей это подходило, но достаточно сложный текстовый интерфейс UNIX'a существенно ограничивал масштабы применения сетевых технологий. Годом рождения World Wide Web считается 1989 - в этом году был изобретен язык, ставший впоследствии основным языком web-документов - это язык - HTML (HyperText Markup Language - язык разметки гипертекста).

Автором языка HTML является Тим Бернерс-Ли (Tim Berners-Lee), выпускник Оксфордского университета, работавший в то время по контракту в Женеве, в Европейской лаборатории физики элементарных частиц (CERN, Conseil Europeen pour la Recherche Nucleaire) консультантом по программному обеспечению. CERN - достаточно большая организация, и потому, чтобы лучше ориентироваться в ее структуре, не хранить в памяти данные о большом количестве проектов, должностных лиц и пр Тим Бернерс-Ли разработал для своего личного пользования программу Enquire, на основе которой через несколько лет для лаборатории было создано своего рода информационное пространство. Программа Enquire позволяла осуществлять так называемый "нелинейный" поиск документов - т.е. переходить от одного документа к другому без обращения к оглавлению или справочнику. Язык HTML составляет основу технологии гипертекста. Гипертекстовый документ содержит так называемые гиперссылки.

Структура HTML документа

Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может использован любой текстовый редактор.

Обычно HTML-документ - это файл с расширением .html или .htm, в котором текст размечен HTML-тегами (англ. tag - специальные встроенные указания). Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми браузер отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не отображается.

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

<p>Информация</p>

В данном курсовом проекте были использованы следующие теги:

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

<ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>.

<font> представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура.

<a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

<img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный атрибут src, который определяет адрес файла с картинкой.

Элемент <div> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.

<form> устанавливает форму на веб-странице. Форма предназначена для обмена данными между пользователем и сервером.

<input> является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем.

<table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>.

<frameset> определяет структуру фреймов на веб-странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью тега <frame>.

<label> устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>)

Форматирование текста

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

Для начала новой строки используется тег <BR> (сокр. от англ. break - прервать). Этот тег приводит к отображению браузером дальнейшего текста с начала следующей строки. Закрывающий для него тег не используется. Он удобен, если требуется с какого-то места писать с новой строки без начала нового абзаца, например, в стихотворении. Повторное его использование позволяет вставить одну или несколько пустых строк, отодвинув следующий фрагмент страницы вниз.

Сплошной текст без промежутков читается не очень легко, его неудобно просматривать и находить нужные места. Разбитый на абзацы, текст воспринимается гораздо быстрее. Для начала нового абзаца используется тег <P> (англ. paragraph - абзац). Этот тег, кроме начала новой строки, вставляет одну пустую строку. Но многократное повторение <P>, в отличие от <BR>, не приведет к появлению нескольких пустых строк, останется все та же одна пустая строка.

Внутри скобок тега кроме его названия могут размещаться также атрибуты (англ. atributes - атрибуты). Они отделяются от названия и между собой пробелами (одним или несколькими), а пишутся в виде имя_атрибута="значение". Если значение не содержит пробелов, то кавычки могут быть опущены, но так делать не рекомендуется. Тег <P> может содержать атрибут ALIGN, определяющий выравнивание абзаца. По умолчанию абзац выравнен влево ALIGN="left". Возможны также выравнивания вправо ALIGN="right" и по центру ALIGN="center". При использовании атрибутов, после форматируемого текста следует использовать закрывающий тег </P>. Если его нет, то новый тег <P> означает закрытие предыдущего, соответственно вложенные <P> невозможны. Выравнить текст по центру возможно также тегом <CENTER>.

Теперь мы можем поместить на нашу Web-страницу некоторый текст с различным выравниванием:

<HTML><HEAD><TITLE> Моя первая страница </TITLE></HEAD><BODY><P align=center> Здесь будут мои личные страницы! <P align=left> На них Вы сможете найти: <BR>- рассказ обо мне и о моих увлечениях; <BR>- мои фотографии. <P align=right> С одной из моих страниц можно будет<BR>отправить мне электронное письмо. </BODY></HTML>

Кроме использования этих тегов, для разрыва строк возможно использование символов конца строк и табуляций в самом HTML-документе. Для этих целей существует тег <PRE>. Весь текст, помещенный между тегами <PRE> и </PRE> будет выводиться без изменений, то есть со всеми концами строк и табуляциями.

Например:

<PRE> Это текст написан в две строки.

</PRE>

В HTML-документе, кроме текста, могут содержаться горизонтальные разделительные линии. Они, как и текст, не требуют никаких внешних файлов. Тег <HR> выведет горизонтальную линию единичной толщины вдоль всей ширины страницы. Горизонтальная разделительная линия всегда приводит к разрыву строки, но пустых строк между линией и текстом не появляется. Тег <HR> может содержать несколько атрибутов. <HR SHADE> и <HR> дают контурную линию с трехмерным эффектом углубления. <HR NOSHADE> дает сплошную черную линию. Линия может не простираться во всю ширину страницы, а составлять лишь некоторую часть. Атрибут WIDTH задает ширину линии, в процентах от ширины всей страницы или в пикселях. Например, 50% - половина ширины страницы, 400 - ширина в 400 пикселей. Атрибут ALIGN может принимать значения, аналогичные его значениям для тега <P>, но выравнивание по умолчанию - по центру. Атрибут SIZE задает толщину линии в пикселях от 1 до 175; по умолчанию 1, но если <HR SHADE>, (линия - контурная), то добавляется толщина, необходимая для трехмерного эффекта углубления.

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

2.2 Язык PHP

Создателем и основным инициатором создания языка РНР был Расмус Лердорф (Rasmus Lerdorf) -- разработчик программного обеспечения, член группы разработчиков Apache и незаурядный человек, известный в кругах разработчиков во всем мире. Расмус разработал первую версию языка РНР для своего личного использования в конце 1994 года. Это была оболочка CGI которая позволяла отслеживать информацию о том, кто обращается на его персональный узел. На проделанную им работу обратили внимание многие пользователи, узнавшие о ней либо случайно, либо, услышав мнение других пользователей, и попросили поделиться полученными результатами. В ответ на эти просьбы в следующем году Расмус собрал и выпустил программный пакет, получивший название Personal Home Page Tools (известный также как РНР Construction Kit -- конструкторский набор РНР). Вскоре после этого под названием PHP/FI была выпущена версия 2 указанного программного обеспечения. Эта версия включала компонент FI (Form Interpreter -- интерпретатор форм) -- инструментальное средство синтаксического анализа запросов SQL.

К середине 1997 года язык РНР использовался приблизительно на 50 тысячах узлов во всем мире. Из-за такого широкого распространения поддержка программного обеспечения стала слишком трудоемкой для одного человека, даже такого сосредоточенного и энергичного, как Расмус. Поэтому теперь этот проект разрабатывается небольшой основной группой программистов, работающей в рамках движения за создание программного обеспечения с открытым исходным кодом по модели "доброжелательной хунты", в работу которой вносят вклад разработчики и пользователи во всем мире. Значительный вклад в разработку программного обеспечения РНР внесли также Зив Сураски и Энди Гутмане, два программиста из Израиля, которые разработали синтаксические анализаторы для версий РНРЗ и РНР4. Кроме того, эти программисты обобщили и расширили свою работу, оформив ее под названием Zend (очевидно, что слово Zend явно указывает на имена этих разработчиков -- Zeev и Andi).

Четвертый квартал 1998 года остался в истории как период взрывообразного распространения программного обеспечения РНР (в этот период получили также всеобщее признание все прочие программные технологии с открытым исходным кодом). Согласно наиболее полным оценкам, в октябре 1998 года язык РНР в той или иной форме использовался только в 100 тысячах уникальных доменов. Но всего лишь через год по своей широте распространения, измеряемой количеством доменов, система РНР преодолела миллионный рубеж. Ко времени написания первого издания настоящей книги, в первой половине 2000 года, это количество возросло до двух миллионов доменов. А когда авторы подготавливали настоящее издание данной книги, средства поддержки языка РНР были инсталлированы примерно на 15 миллионах общедоступных Web-серверов (речь идет о количестве инсталляций программного обеспечения, а не о количестве единиц аппаратных средств). С помощью общедоступного программного обеспечения РНР создаются узлы самых разных категорий. К ним относятся, во-первых, узлы, обслуживающие массовый рынок, такие как Excite Webmail и Indianapolis 500, которые обеспечивают просмотр до миллиона страниц в сутки. Во-вторых, создаются узлы, посвященные деятельности привлекающей массовый интерес, наподобие Souiceforge.net и Epinions.com, которые, как правило, соответствуют требованиям по предоставлению более широких функциональных возможностей и обслуживают сотни тысяч пользователей. В-третьих, система РНЕ применяется для создания узлов электронной коммерции и буклетного обеспечения; к ним относятся узлы типа The Bookstore at Harvard.com и Sade.com (начальная Web-страница британского певца), которые должны быть визуально привлекательными к простыми в обновлении. С другой стороны, на некоторых узлах предусмотрена частичная поддержка РНР. В качестве примера можно назвать форумы, посвященные базе данных Internet Movie Database (imdb.com); крупные комплексы средств РНР, предназначенные для использования исключительно внутри самой компании, такие как каталоги LDAP (каталог LDAP на основе РНР с количеством записей, превышающим 100 тысяч, развернут в компании MCI WorldCom), а также системы учета и контроля неисправностей.

Новейшая версия этих языковых средств, РНР5, позволила предоставить многим пользователям то, что они требовали в течение последних нескольких лет намного усовершенствованные функциональные средства объектно-ориентированного программирования. В языке РНР давно ощущалось отсутствие средств поддержки модели объектного программирования, позволяющих программистам применять для обработки данных знакомые им способы. Но результаты всех этих усилий еще кажутся многим программистам далекими от идеала, к тому же усилия по внедрению языка РНР в полностью объектно-ориентированные системы часто приводят к получению нежелательных результатов и снижению производительности. Объектная модель РНР, которая была полностью модернизирована в версии РНР5, позволила в значительной степени приблизить язык РНР к объектно-ориентированным языкам наподобие Java и С++, обеспечивая поддержку таких средств, как перегрузка, интерфейсы; закрытые переменные экземпляра и методы, а также другие стандартные конструкции объектно-ориентированного программирования. А после того, как разразился кризис, глубоко затронувший высокотехнологичные Интернет-компании (так называемые компании dot-com), система РНР оказалась востребованной на еще большем количестве узлов, чем когда-либо. Потребность в доступе к функциональным возможностям, предоставляемым по Web, практически не уменьшилась, к тому же продолжают появляться все новые и новые перспективные технологические стандарты, но возможности финансирования, необходимого для приобретения оборудования, лицензий и особенно для найма высококвалифицированных программистов, резко уменьшились. Поэтому система РНР, обеспечивающая быстрое освоение, ускоренную реализацию новых функциональных возможностей и низкие затраты на развертывание, предоставляет пользователям неоспоримые преимущества.

В данной курсовой работе используется язык PHP для отправки данных на почтовый сервер, а также для реализации работы с базой данных MySQL.

2.3 MySQL

MySQL является собственностью компании Oracle Corporation, получившей её вместе с поглощённой Sun Microsystems, осуществляющей разработку и поддержку приложения. Распространяется под GNU General Public License или под собственной коммерческой лицензией. Помимо этого разработчики создают функциональность по заказу лицензионных пользователей, именно благодаря такому заказу почти в самых ранних версиях появился механизм репликации.

MySQL является решением для малых и средних приложений. Входит в состав серверов WAMP, AppServ, LAMP и в портативные сборки серверов Денвер, XAMPP. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты, однако в дистрибутив входит библиотека внутреннего сервера, позволяющая включать MySQL в автономные программы.

Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Более того, СУБД MySQL поставляется со специальным типом таблиц EXAMPLE, демонстрирующим принципы создания новых типов таблиц. Благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц.

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

2.4 JavaScript

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

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

В отличие от системы времени компиляции классов Java, построенной на объявлениях, JavaScript поддерживает систему времени выполнения на базе небольшого количества типов данных: числовых, Булевых и строковых значений. JavaScript имеет объектную модель на базе прототипов, а не на более привычной базе классов. Модель на базе прототипов предоставляет динамическое наследование; то есть то, что наследуется, может отличаться для каждого конкретного объекта. JavaScript также поддерживает функции без каких-либо требований к их объявлению. Функции могут быть свойствами объекта, выполняя свободно типизированные методы.

JavaScript является очень свободным языком по сравнению с Java. Здесь нет необходимости объявлять все переменные, классы и методы. Нет необходимости заботиться о том, какие методы являются public, private или protected, и нет необходимости реализовывать интерфейсы. Значения, возвращаемые переменными, параметрами и функциями, не типизированные явно.

Java является языком программирования на базе классов, разработанным для быстрого выполнения и безопасности типов. Безопасность типов означает, к примеру, что Вы не можете привести Java integer к ссылке на объект или получить доступ к private-памяти, нарушив байтовый код Java. Модель Java на базе классов означает, что программы состоят исключительно из классов и их методов. Наследование классов Java и строгая типизация в целом требуют тесно связанной иерархии объектов. Эти требования делают язык Java более сложным, чем JavaScript.

В противоположность этому, JavaScript ведёт своё происхождение от линии компактных, динамически типизируемых языков, таких как HyperTalk и dBASE. Эти языки скриптинга предоставляют утилиты программирования для более широкой аудитории, поскольку имеют упрощённый синтаксис, специализированную встроенную функциональность и минимальные требования при создании объектов.

методический дистанционный образование учебник



3. Программы для создания Web-страниц

3.1 HTML-редакторы и PHP-редакторы

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite или 1st Page 2000. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad).

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

Основным недостатком MS FrontPage является то, что он генерирует очень большой HTML-код (слишком много лишнего), поэтому страницы получаются большими, что сказывается на скорости загрузки. Более того, при создании Web-страниц в этом редакторе видишь одно, а в окне браузера - совсем другое (особенно это касается Netscape Navigator). Странички получаются какими-то кривыми, поэтому для создания качественных Web-страниц рекомендуется использовать пакеты, которые будут рассмотрены ниже.

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

Последняя версия HTML-редактора этой компании - DreamWeaver 3, который относится к категории WYSIWYG-редакторов, и этот пакет имеет много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и ShockWave технологий, возможность закачки файлов через FTP, поддержка SSI и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и заключается преимущество технологии WYSIWYG).

DreamWeaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код. DreamWeaver позволяет избавиться от однотипной работы при создании страниц (например, верстка текста) при помощи использования опции "запись последовательности команд" вы записываете последовательность производимых вами команд, потом нажимаете, например, CTRL+P, и DreamWeaver воспроизводит все в той же последовательности.

HomeSite 4.0. Для создания страниц вручную, т. е. для знатоков HTML. здесь реализован полный контроль над HTML-кодом, причем существует возможность оптимизировать страничку под один из трех популярных браузеров (MSIE, NN, Opera).

HomeSite содержит два основных режима: Edit и Design. Режим Design - это подобие WYSIWYG-редактора, выдающее HTML-код. Режим Edit позволяет получить полный контроль над страничкой. Здесь есть возможность настроить практически все, прописать функции каждого тега.

Еще одна отличительная особенность HomeSite - это его «склейка» с Dreamweaver. HomeSite обладает кнопкой «Dreamweaver», а также входит в его стандартный пакет поставки. Впрочем, и DreamWeaver имеет возможность подключения HomeSite, как редактора для коректировки HTML-кода.

Одним из последних HTML-редакторов является EVR Soft 1st Page 2000 v2. Редактор содержит несколько режимов - Normal, Easy, Advanced/Expert и Hardcore, то есть вы можете выбрать свой уровень, а со временем перейти на более высокий. Еще одна особенность - довольно большая коллекция скриптов на JavaScript и DHTML. Все это довольно удобно разбито по категориям.

PHP Expert Editor - мощная и удобная в работе интегрированная среда разработки PHP для Windows. Этот Редактор специально разработан для PHP-мастеров и имеет хорошие особенности для новичков и профессиональных программистов. PHP Expert Editor имеет внутренний HTTP-сервер и отладчик, для того, чтобы выполнять, проверять и отлаживать сценарии PHP, производить проверку синтаксиса PHP, используя внутренний браузер, эксплорер кода, файловый эксплорер, FTP-клиент, эксплорер проектов и шаблоны кода.

PHP Coder - интегрированная среда разработки для PHP программистов. Главная особенность - возможность тесного интегрирования с PHP интерпретатором и PHP документацией, PHP Coder позволяет экономить время на разработке PHP скриптов. Особенности: помимо плотной интеграции с PHP интерпретатором и документацией, окна предпросмотра, полноценная подсветка синтаксиса для HTML и PHP, система автозавершения для часто используемых конструкций, органайзер проекта, поддержка поиска и замены, кнопки для тегов и функций, настраиваемый интрефейс и многое другое.



4. Постановка задачи

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

1. Создать структуру и основные элементы web-портала;

2. Внедрить удобный и качественный электронный учебник;

3. Организовать систему учета и регистрации обучаемых;

4. Внедрить систему тестирования;

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

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



5. Программная реализация

5.1 Элементы сайта и их структура

Главная страница портала содержит исключительно текстовую информацию. На рисунке 2 отображена главная страница портала.

Рис. 2. Интерфейс Главной страницы

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

На сайте имеется 3 фрейма: main, contents и banner:

1. main - служит для отображения основного контента сайта;

2. contents - этот фрейм представляет собой меню сайта;

3. banner - это верхняя часть сайта, на которой расположено название сайта.



5.2 Электронный учебник

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

Рис. 3. Электронный учебник

5.3 Система тестирования

Система тестирования реализована на языке PHP с использованием базы данных MySQL. Проходить тестирование могут только авторизованные пользователи. Из панели администратора есть возможность добавлять вопросы. Вопросы хранятся в базе данных course_work в таблице test. Структура таблицы приведена на рисунке 4. После завершения тестирования на экран выводится информация о прохождении теста с подсчетом баллов. Листинг системы тестирования приведен в приложении.

Рис. 4. Структура таблицы test.

5.4 Система учета и регистрации обучаемых

Данные об обучаемых хранятся в той же базе данных, но в таблице students. Структура таблицы приведена на рисунке 5. Регистрация и авторизация пользователей осуществляется на языке PHP с использованием базы данных MySQL.

Рис. 5. Структура таблицы students



Заключение

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

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

При этом мною были решены следующие частные задачи:

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

- изучение основных технологий, таких как HTML, PHP, JavaScript и MySQL;

- ознакомление с методами и способами представления на Web-страницах различных видов информации (текстов и изображений);

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

- определение структуры Web-страниц;

- предоставление пошаговой стратегии разработки web-сайта.

В результате проведенных работ на базе выбранных технологий был создан прототип современного Web-сайта.



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

1. Эд Титтел, Мэри Бурмейстер. HTML 4 для «чайников» = HTML 4 For Dummies. -- 5-е изд. -- М.: «Диалектика», 2006. -- С. 368. -- ISBN 0-7645-8917-2

2. Соколов Сергей Александрович. HTML и CSS в примерах, типовых решениях и задачах. Профессиональная работа. -- М.: Вильямс, 2007. -- С. 416. -- ISBN 978-5-8459-1192-6

3. Кузнецов Максим, Симдянов Игорь PHP 5/6. -- Спб.: «БХВ-Петербург», 2009. -- С. 1024. -- ISBN 978-5-9775-0304-4

4. Рейсиг Д. JavaScript. Профессиональные приёмы программирования = Pro JavaScript™ Techniques / Перевод Н. Вильчинский. -- СПб.: Питер, 2008. -- 352 с. -- (Библиотека программиста). -- 2500 экз. -- ISBN 978-5-91180-904-1

5. Рейф Колберн Освой самостоятельно CGI-программирование за 24 часа = Sams Teach Yourself CGI in 24 Hours. -- М.: «Вильямс», 2001. -- С. 368. -- ISBN 0-672-31880-6



Приложение

Листинг файла «test.php»:

<?

session_start();

$user=$_SESSION['user'];

$index=$_SESSION['index'];

$stat=$_SESSION['stat'];

?>

<font face='Verdana' size='2'>

<?

if ($user=="") {

echo "<font face='Verdana' size='1' color='#dc1414'>Для того, чтобы

начать тестирование, Вам необходимо войти под своей учетной

записью</font> ";

include 'login.php';

} else {

include 'connect.php';

$result=mysql_query("SELECT qno, questions, ans1, ans2, ans3, ans4, ans5,

trueAns FROM test where qno='$index'");

$row=mysql_fetch_assoc($result);

if ($row['qno']<1) {

$index--;

$result=mysql_query("select fam, name, kurs, gruppa from students where

login='$user'");

$row=mysql_fetch_assoc($result);

echo 'Студент '.$row['kurs'].'курса, группы '.$row['gruppa'].'<br>';

echo $row['fam'].' '.$row['name'].'<br>';

echo 'Ваш результат: '.$stat.' из '.$index.'<br>';

$ball=round(100/$index*$stat);

echo 'Ваш балл: '.$ball;

$result=mysql_query("update students set ball='$ball' where login='$user'");

$_SESSION['stat']=0;

$_SESSION['index']=1;

} else {

$_SESSION['trueAns']=$row['trueAns'];

?>

<form action="do.php" method="POST">

<?

echo '<p>Вопрос №'.$row['qno'].': '.$row['questions'].'<br>';// выводим

данные

echo '<input type="Radio" name="rbutton" value="1"

checked>'.$row['ans1'].'<br>';

echo '<input type="Radio" name="rbutton" value="2">'.$row['ans2'].'<br>';

echo '<input type="Radio" name="rbutton" value="3">'.$row['ans3'].'<br>';

echo '<input type="Radio" name="rbutton" value="4">'.$row['ans4'].'<br>';

echo '<input type="Radio" name="rbutton"

value="5">'.$row['ans5'].'<br></p>';

?>

<input type="Submit" value="Далее" name="submit">

</form>

<?

}

}

?>

</font>



Листинг файла «do.php»:

<?php

$ans=$_POST['rbutton'];

session_start();

if ($ans==$_SESSION['trueAns']) {

$_SESSION['stat']++;

}

$_SESSION['index']++;

include 'test.php';

?>

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