Дипломная работа: Сайт бесплатного дистанционного обучения для кафедры КТ

Содержание

Введение..................................................................................................................... 14
1 Аналитическая часть.............................................................................................. 15
1.1 Современные технологии разработки сайтов ............................................. 15
1.1.1 Особенности современных Wеb-редакторов ...................................... 16
1.1.2 Классификация интернет-систем ......................................................... 17
1.2 Последовательности создания сайта бесплатного дистанционного
обучения ..................................................................................................................... 20
1.2.1 Постановка задачи ................................................................................. 20
1.2.2 Назначение и область применение сайта ............................................ 21
1.2.3 Анализ предметной области ................................................................. 22
1.2.4 Модели и технологии дистанционного обучения ............................. 25
1.2.5 Дистанционное обучение с использованием сети Интернет............ 31
1.2.6 Дистанционное обучения в Казахстане .............................................. 33
2 Программы используемые при разработке программы ..................................... 41
2.1 История создания РНР.................................................................................... 41
2.2 Преимущества PHP ........................................................................................ 43
2.3 Возможности PHP ........................................................................................... 45
2.4 Язык гипертекстовой разметки HTML ......................................................... 47
2.5 CSS – каскадные таблицы стилей.................................................................. 48
2.6 Объектно-ориентированный язык jаvascript ............................................... 49
2.7 Основы XML.................................................................................................... 50
2.8 Система управления базами данных MySQL............................................... 52
3 Создание базы данных и приложения к ней........................................................ 57
3.1 СУБД ............................................................................................................... 57
3.2 Разграничение доступа ................................................................................... 58
3.3 Создание базы данных на Wampserver ......................................................... 62
3.4 Описание программы...................................................................................... 64
4 Технико-экономическое обоснование ................................................................. 71
4.1 Описание работы и обоснование необходимости ....................................... 71
4.2 Оборудование и программное обеспечение используемое в работе ........ 71
4.3.Определение объема и трудоемкости разработки программного
обеспечения................................................................................................................ 72
4.4 Расчет затрат на разработку информационных технологий....................... 74
4.5 Расчет цены программного продукта .......................................................... 79
Вывод.......................................................................................................................... 79
5 Безопасность жизнедеятельности......................................................................... 81
5.1 Анализ условий труда..................................................................................... 81
5.2 Рабочее место программиста ........................................................................ 85
5.3 Расчёт естественного освещения................................................................... 86
5.4 Расчёт искусственного освещения методом коэффициента использования
..................................................................................................................................... 88
5.5 Средства пожаротушения............................................................................... 90
Вывод.......................................................................................................................... 91
Список литературы ................................................................................................... 93
Приложение А ........................................................................................................... 94
Приложение Б .......................................................................................................... 142
Приложение В.......................................................................................................... 144
Приложение Г .......................................................................................................... 145
Приложение Д.......................................................................................................... 145
Приложение Ж......................................................................................................... 145
Приложение З .......................................................................................................... 146
1.1 Современные технологии разработки сайтов

Создание сайтов – это далеко не такой легкий процесс, каким он может
показаться на первый взгляд непрофессионалу. Создать эффективный сайт,
который будет привлекать внимание пользователей в сети, при этом
удовлетворяя самым высоким требованиями различных поисковых систем, по
силам не каждому разработчику. Необходимо постоянно совершенствовать
свои знания, овладевая новыми технологиями создания сайтов. Современные
технологии создания сайтов позволяют создавать веб -ресурсы, которые быстро
оправдывают вложенные в их разработку средства, предоставляя владельцу
широкие возможности для использования сайта как инструмента
маркетинговой политики, а также средства распространения необходимой
информации. Но данный созданный сайт, не влечет за собой финансовую
прибыль, а улучшения и модернизация процесса образования.
Безусловно, владеть различными технологиями создания веб -сайтов
может только специалист, для которого создание сайтов – это каждодневный
труд. Какие же технологии создания сайта необходимо в совершенстве изучить,
чтобы получать результаты, которые будут удовлетворять всем требованиям
заказчика:
PHP-скрипт, являющийся одним из самых популярных среди технологий создания веб - сайтов;сайтов;
Java Script, который постоянно совершенствуется в процессе создания
HTML, необходимый для создания страниц текста, которые зате
будут легко читаться в любом браузере;
СУБД и MySQL, предназначенные для работы со структурированными базами данных;
CSS – оформления внешнего вида веб - страниц, написанных с помощью
языков разметки HTML и XHTML, но может также применяться к любым
XML- документам, например, к SVG или XUL.
Каждый разработчик использует те технологии создания сайтов, которые
считает наиболее подходящими для себя. Однако грамотный специалист
выбирает технологию в соответствии с задачами, которые перед ним возникают
в процессе разработки, и которые он должен максимально эффективно решить.
Технологии создания сайтов не стоят на месте, каждый день появляются
новинки, которые можно использовать в процессе работы. Создание сайтов –
творческий процесс, а для реализации всех своих идей необходимо владеть
современной технологической базой, совершенствовать свои умения и
получать новые знания в области веб - технологий.

1.1.1 Особенности современных Wеb-редакторов

Редактор источников кода дает не имеющие ограничений возможности
контроля над HTML-тэгами и их форматированием. Для того чтобы
переключиться из режима разметки страницы в режим редактирования кода,
можно просто щелкнуть по специальной вкладке в окне документа. Внеся
изменения в код, вы можете тут же просмотреть их, щелкнув по другой
вкладке.
Контроль синтаксиса, поддержка HTML и функций jаvascript мало
отличаются на различных платформах. Вот почему нынешние Wеb-дизайнеры
располагают встроенной функцией проверки синтаксиса. Она разрешает узнать,
какие браузеры, и на каких платформах поддерживают все те элементы,
которые вы предусмотрели на своей странице, будь то DHTML или таблицы
стилей. Вы можете построить страницу в HTML 4.0, преобразовать ее в
стандартный формат HTML 3.2 или произвести ее в обоих вариантах, дав право
выбора пользователю.
Динамические компоненты и шаблоны. Если на Wеb-сайте имеются такие
общие элементы дизайна, как навигационные панели и заголовки, которые
наличествуют на каждой странице, то вам особенно приглянутся динамические
компоненты, разрешающие употреблять некоторые элементы страниц,
сделанные раньше и уже снабженные текстами, картинками или другим
содержимым. Проще говоря, можно организовывать шаблонные страницы и
употреблять их снова и снова для сотворения сложных сайтов.
Встроенный FTP-клиент. Нынешние Wеb-сайты оснащены глубоким
интегрированным FTP-клиентом, который разрешает загружать и обновлять
Wеb-сайт. Когда появляется нужда обновить сайт, запускается процесс
обновления, будут обновлены только помеченные файлы. Можно так же
переносить отдельные страницы, просто "перенося" их с панели FTP или,
напротив, на нее. Для удобства работы нынешние Wеb-дизайнеры
высчитывают время, которое потребуется посетителям сайта для загрузки
ваших страниц.
HTML-редактор – это программа, с помощью которой создаются HTML-
документы, то есть те самые WEB-страницы. В настоящее время существуют
редакторы двух типов: WYSIWYG-редакторы и редакторы тегов. К этому
можно добавить, что большинство современных текстовых редакторов умеют
сохранять документы в формате HTML. WYSIWYG-редакторы – это
программы, с помощью которых можно создавать страницы, не имея никакого
понятия о языке HTML. Самым распространенным из них является, вероятно,
Microsoft FrontPage. При работе с этого редактора не видно самого процесса
строительства страницы. Это все равно, как строить дом, собирая его из
готовых, уже покрашенных и помытых кем-то стен, крыши и т.д. Удобно,
конечно, быстро, но никогда не можешь быть уверенным, что дом будет
теплым, крепким, надежным. И вторая причина, более важная, но, тем не менее,
вытекающая из первой: у меня нет достаточного опыта работы с такими
редакторами. Если кто-то предпочтет работать с Microsoft FrontPage, например,
я думаю, он найдет как минимум несколько учебников в интернете, плюс
учебник в самой программе. К тому же ему можно пропустить те главы на этом
сайте, в которых будет рассказываться о создании страницы с помощью
редактора тегов и значит у него появится время для освоения Microsoft
FrontPage.
Недостатком WYSIWYG-редакторов является громоздкость созданных с
их помощью HTML-документов. Это получается оттого, что WYSIWYG-
редакторы вставляют HTML-коды, как говорится, "на все случаи жизни". В
результате объем документа, а значит и время загрузки страницы,
увеличивается. Ведь серверу даже для того, чтобы рассказать браузеру о
пустом месте, то есть пробеле, необходимо передать информацию, а значит
затратить какое-то время. Второй вид HTML-редактороров – редакторы тегов.
При работе с ними Вы видите непосредственно HTML-код документа, можете
оперативно изменять его, контролируя результат – просматривая создаваемую
страницу браузером. В этом случае, как правило, документ получается более
компактным и изящным (здесь говорится именно о HTML-документе, а не о
странице, которая будет видна в окне браузера. Красота и изящность страницы
очень слабо связаны со способом ее создания).

1.1.2 Классификация интернет-систем

Цель любой информационной системы – обработка данных об объектах
реального мира.
Интернет продукты можно классифицировать по ниже следующим
пунктам.
По правам на доступность сервисов:
 Открытые – все сервисы полностью доступны для любых посетителей
и пользователей.
 Полуоткрытые – для доступа необходимо зарегистрироваться (обычно
бесплатно).
 Закрытые – полностью закрытые служебные сайты организаций (в том
числе корпоративные сайты), личные сайты частных лиц. Такие сайты
доступны для узкого круга пользователей. Доступ новым пользователям
обычно даётся через приглашения (инвайты).
По физическому расположению:
 Общедоступные сайты сети Интернет.
 Локальные сайты – доступны только в пределах локальной сети.
Информационные ресурсы:
 Тематический сайт –сайт, предоставляющий специфическую
узкоспециализированную информацию по какой-либо теме.
 Тематический портал – это большой веб-ресурс,
который предоставляет исчерпывающую информацию по определённой тематике.
Порталы похожи на тематические сайты, но дополнительно содержат средства
взаимодействия с пользователями и позволяют пользователям общаться в
рамках портала (форумы, чаты) – это среда существования пользователя.
Интернет-представительства владельцев бизнеса (торговля и услуги, не
всегда связанные напрямую с Интернетом):
 Сайт-визитка – содержит самые общие данные о владельце сайта
(организация или индивидуальный предприниматель). Вид деятельности,
история, прайс-лист, контактные данные,реквизиты, схема проезда.
Специалисты размещают своё резюме, то есть подробная визитная карточка.
 Представительский сайт – так иногда называют сайт-визитку с
расширенной функциональностью: подробное описание услуг, портфолио,

отзывы, форма обратной связи и т.д.
 Корпоративный сайт –содержит полную информацию о
компании/владельце, услугах/продукции, событиях в жизни компании.
Отличается от сайта - визитки и представительского сайта полнотой
представленной информации, зачастую содержит различные функциональные
инструменты для работы с содержимым (поиск и фильтры, календари событий,
фотогалереи, блоги, форумы). Может быть интегрирован с внутренними
информационными системами компании - владельца (КИС, CRM,
бухгалтерскими системами). Может содержать закрытые разделы для тех или
иных групп пользователей – сотрудников, дилеров, контрагентов и пр.
 Каталог продукции – в каталоге присутствует подробное описание
товаров/услуг, сертификаты, технические и потребительские данные, отзывы
экспертов и т.д. На таких сайтах размещается информация о товарах/услугах,
которую невозможно поместить в прайс-лист.
 Интернет-магазин – сайт с каталогом продукции, с помощью которого
клиент может заказать нужные ему товары. Используются различные системы
расчётов: от пересылки товаров наложенным платежом или автоматической
пересылки счета по факсу до расчётов с помощью пластиковых карт.
 Промо-сайт – сайт о конкретной торговой марке или продукте, на таких
сайтах размещается исчерпывающая информация о бренде, различных
рекламных акциях (конкурсы, викторины, игры и т.п.).
 Сайт-квест – Интернет-ресурс, на котором организовано соревнование
по разгадыванию последовательности взаимосвязанных логических загадок.
Веб-сервис – сайт, созданный для выполнения каких либо задач либо
предоставления услуг в рамках глобальной сети:
 Доска объявлений.
 Каталог сайтов – например,OpenDirectoryProject.
 Поисковые сервисы – например,Yahoo!,Google.
 Почтовый сервис.
 Форумы.
 Блоговый сервис.
 Файл обменный Пиринговый сервис – например, Bittorrent.
 Датахостинговый (хранение данных) сервиc – например,Skydrive.
 Датаэдиторинговый (редактирование данных) сервиc – например,
GoogleDocs.
 Фотохостинг – например, Picnik, ImageShack, Panoramio, Photobucket.
 Хранение видео – например, YouTube, Dailymotion.
 Социальные Медиа – например, Buzz.
 Комбинированные веб-сервисы (Социальные сети) – например,
Facebook, Twitter, ВКонтакте.
 Комбинированные веб-сервисы (Специализированные социальные
сети) - например, MySpace, Flickr, SpringMe.
Немного подробнее о досках объявлений. Доска объявлений – сайт
предоставляющий площадку для размещения объявления. Это может быть сайт
с конкретной узконаправленной тематикой, многопрофильный, платным или
бесплатным, отдельным сайтом некоторого конкретного города либо региона,
может быть модерируемый либо администрируемый и т.д.
По технологии отображения:
 Статические
–состоящие из статичных html (htm) страниц
составляющих единое целое. Пользователю выдаются файлы в том виде, в
котором они хранятся на сервере.
 Динамические – состоящие из динамичных html (htm, dhtml) страниц-
шаблонов, информации, скриптов и прочего в виде отдельных файлов.
Содержимое генерируется по запросу специальными скриптами (программами)
на основе других данных из любого источника.
По типам макетов:
 Фиксированной ширин
(англ.rigidfixed
–размеры элементов
страницы имеют фиксированное значение, независящее от разрешения,
размера, соотношения сторон экрана монитора и размеров окна обозревателя,
задаётся в абсолютных значениях— PX (пиксели).
 Резиновый макет (англ.adaptablefluid) – размеры несущих элементов,
значения ширины, задаются относительным значением – % (проценты),
страницы отображаются во весь экран монитора по ширине . По сути данный
тип макета является частным случаем фиксированного типа макета.
Динамично эластичный (англ.dynamically expandable elastic) – размеры
большинства элементов, задаются относительными значениями – EM и % . Все
относительные пропорции размеров элементов всегда остаются неизменными,
независимо от разрешения, размера, соотношения сторон экрана монитора,
размеров окна и масштаба окна обозревателя, и всегда постоянны относительно
окна обозревателя.
1.2 Последовательности создания сайта бесплатного дистанционного
обучения

1.2.1 Постановка задачи
При постановки задачи необходимо решить следующие вопросы:
 целевая аудитория, на которую рассчитывается создание данного
проекта;
 основные цели и задачи проекта.
Также при создании сайта на этапе построения задачи решается вопрос
создания структуры сайта. Под структурой сайта подразумевается составление
разделов сайта. Под структурой сайта понимается навигационная структура, и
она обычно изображена в виде пунктов меню. К постановке задачи также
относится разработка функциональности сайта и требования к дизайну.
Функциональность сайта значимый элемент, от которого зависит,
приглянется ли посетителю система управления сайтом. Если Вы сделаете
слишком тяжелую систему управления, тем меньшее количество посетителей
захочет возвратиться на ваш сайт. В такой ситуации действует правило:
«Будьте проще и люди к Вам потянуться».
Что относится к дизайну сайта, то здесь не существует каких-либо
строгих правил. Дизайн сайта во многом зависит от целевого назначения сайта.
Например, корпоративный сайт может отражать фирменный стиль корпорации.
Таким образом, дизайн корпоративного сайта будет осуществлен в
корпоративных цветах корпорации. Возьмем, простой пример. Банк имеет
логотип, исполненный из нескольких элементов красного и желтого цвета. Т.е.
будет логичным применять в дизайне сайта именно эти цвета. Кроме того,
дизайнеры не советуют использовать в дизайне сайта более 2-3 тонов. Практика
представляет, что во многом успех отдельных сайтов абсолютно не зависит от
их дизайна. Здесь примитивным примером может быть поисковая система
Яндекс, которая пользуется большой известностью, несмотря на достаточно
простой дизайн
Конечно,самым важным на этапе постановки задачи является определение стратегических целей.
Создание сайта может быть организовано на всевозможных масштабах
бюджета, но независимо от этого, сайт создается для того, чтобы о нем узнали.
Это значит что, при постановке задачи разработчики решают важные вопросы
определения ключевых слов, назначенных для продвижения сайта в поисковых
системах, установление перспективных рекламных площадок и т.д. Уже на
этапе постановки задачи, сайтов владелец может примерно знать, чего ждать от
реализации данного проекта......