Дипломная работа: Сайт дистанционного обучения университета АУЭС

Содержание

Введение..................................................................................................................... 14
1 Аналитическая часть.............................................................................................. 15
1.1 Современные технологии разработки сайтов ............................................. 15
1.1.1 Особенности современных Wеb–редакторов...................................... 16
1.1.2 Классификация интернет–систем......................................................... 18
1.1.3 Интернет сегодня ................................................................................... 21
1.2 Последовательности создания сайта бесплатного дистанционного
обучения ..................................................................................................................... 26
1.2.1 Постановка задачи ................................................................................. 26
1.2.2 Назначение и область применение сайта ............................................ 27
1.2.3 Анализ предметной области ................................................................. 28
1.2.4 Основные типы организационных структур дистанционного
образования................................................................................................................ 31
1.2.5 Электронный учебник как средство дистанционного обучения....... 32
1.2.6 Дистанционное обучение в Казахстане ............................................... 35
2 Программы используемые при разработке данного сайта ................................ 34
2.1 Краткая история PHP ...................................................................................... 34
2.2 Язык гипертекстовой разметки HTML ......................................................... 36
2.3 CSS – каскадные таблицы стилей.................................................................. 39
2.4 Объектно–ориентированный язык jаvascript .............................................. 40
2.5 Основы XML.................................................................................................... 41
2.6 Система управления базами данных MySQL............................................... 43
3 Создание базы данных и приложения к ней........................................................ 47
3.1 СУБД ................................................................................................................ 47
3.2 Разграничение досᴛупа ................................................................................... 48
3.3 Создание базы данных на Wampserver ......................................................... 52
3.4 Описание программы...................................................................................... 54
4 Технико–экономическое обоснование ................................................................. 65
4.1. Расчет затрат на разработку информационных технологий...................... 65
4.2 Расчет цены программного продукта............................................................ 74
4.3 Расчет эксплуатационных затрат при использовании информационных
технологий ................................................................................................................. 75
4.4 Расчет основных показателей экономической эффективности ................. 77
Вывод...................................................................................................................... 78
5 Безопасность жизнедеятельности......................................................................... 79
5.1 Анализ условий труда..................................................................................... 79
5.2 Анализ оборудования ..................................................................................... 81
5.3 Расчет естественного освещения................................................................... 81
5.4 Расчет системы кондиционирования офиса ................................................. 85
Вывод...................................................................................................................... 89
Заключение ................................................................................................................ 90
Список литературы ................................................................................................... 91
Приложение А ........................................................................................................... 92
Приложение Б .......................................................................................................... 140
Приложение В.......................................................................................................... 142
Приложение Г .......................................................................................................... 143
Приложение Д.......................................................................................................... 143
Приложение Ж......................................................................................................... 143
Приложение З .......................................................................................................... 14
1.1 Современные технологии разработки сайтов

Современные интернет–разработки предусматривает использование
таких технологий как: PHP, jаvascript, Ajax, «Web 2.0». Данные технологии
прежде всего дают возможность, удобство работы для пользователя. Это
означает, что сайт, разработанный с данной концепцией, должен делать все ,
чтобы конечному пользователю было понятно, комфортно, интересно
находиться на таком сайте.
Веб–сервис – предназначены для удобного доступа данных с помощью
обычного интернет–браузера, пользователю не нужно задумываться ни о каких
дополнительных программах на компьютере, в данной работе применялся
сервер WampServer.
Ajax – это методика применения технологий jаvascript и XML, что
позволяет загружать нужные данные не перегружая страницу, что значительно
ускоряет удобство и скорость серфинга по сайту. RSS – это технология,
основанная на XML, что позволяет пользователям с помощью специальной
программы–агрегатора просматривать новости с различных сайтов как единый
поток – строка новостей.
Теги – это метки, использование которых позволяет более удобно
идентифицировать и тематически сортировать контенты (статьи, рисунки,
мультимедиа, файлы и т.п.).
На сегодня широко используются такие разновидности (CMS):
–Web content management Systems для управления веб–сайтами
(например, энциклопедиями, подобными Википедии, онлайн–изданиями,
блогами, форумами, корпоративными или личными веб–страницами и др);торговле;
транзакционные СКО для обеспечения транзакций в электронной
интегрированные СКО для работы с документацией на предприятиях;
электронные библиотеки (Digital Asset Management) для обеспечения
цикла жизни файлов электронных медиа (видео, графические, презентации и
т.д.);
–системы для обеспечения цикла жизни документации (руководства,
справочники, описания);
– образовательные СКО – системы для организации Интернет–курсов и
соответствующего цикла жизни документации;
–корпоративные СКВ (Enterprise content management systems) с
разноплановым приспособлением для нужд предпринимательской
деятельности. Поддерживают цикл жизни внутренней и внешней
документации;
платформенные СКВ (Platform Content Management Systems)
поддерживают автоматизацию работы с компьютерными файлами, папками,
приложениями в определенном программной среде.
1.1.1 Особенности современных Wеb–редакторов
Для создания сайта самое первое что необходимо сделать это выбрать
web–редактора. Выбор зависит от разработчика, а также от поставленных целей
по созданию данного сайта. За все время создания своего сайта я выделил два
современных и достаточно удобных web–редактора: Dreamweaver, Sublime
Text.
Dreamweaver – WYSIWYG HTML–редактор компании Adobe. Изначально
разработан и поддерживался компанией Macromedia , вплоть до 8–й версии
( 2005 год). Следующие версии, начиная с Dreamweaver CS3(2007 ), выпускает
Adobe. К основным достоинствам относится:
Цветовая подсветка кода, которая позволяет легко отделить HTML от
PHP и Java Script, сразу же найти область комментариев, увидеть ошибку в
написании кода представлена на рисунке 1.1.
Рисунок 1.1 – Цветовая подсветка
Автоматическая подстановка кода, что позволяет не тратить время на

полное написание каких либо тегов или стандартных функций – стоит просто
ввести первые несколько букв этого тега или функции и Dreamweaver сам
догадается, что Вы имели ввиду – все что остается – просто нажать Enter. При
работе над большими проектами с более 1000 строчек кода в странице это
существенно и в разы экономит время. К тому же Вы уверены, что не
ошибетесь при написании кода, и не придется долго выискивать – где же
допущена ошибка. Для новичков – это прекрасный учебник HTML, CSS, PHP и
других популярных языков программирования.
Автоматическая подстановка классов CSS из подгружаемого фай
стилей. Эта функция Dreamweaver позволяет быстро и эффективно работать с
классами подгружаемого файла стилей. Даже если над файлом стилей работает
несколько человек (к примеру через систему контроля версий CVS или SVN),
Вы всегда будете видеть все доступные и вновь созданные классы – что не даст
запутаться или забыть о том, что уже написано, а что еще нет.
На текущий момент рендеринг визуального редактора Adobe
Dreamweaver CS3 еще далек до идеала. Сомневаюсь, что это изменится в
ближайших версиях, но главное не в рендеринге. На мой взгляд, изюминкой
Dreamweaver является подсветка участка кода при выделении в визуальном
редакторе какого либо элемента. Для того, чтобы найти, к примеру, ячейку
таблицы со сложной вложенностью Вам понадобится кликнуть по этой ячейке в
визуальном редакторе, и необходимый Вам код тут же подсветится в текстовом
редакторе представлено на рисунке 1.2. Работая в режиме двух окон (текстовое
визуальный редактор) у Вас не возникнет трудностей чтения кода и поиска в
нем нужного участка. Таким образом, документ любой сложности не вызывает
проблем с редактированием и повышает производительность в разы.
Рисунок 1.2 – Автоввод

У Dreamweaver есть множество мелких, но приятных функций для

облегчения работы. Он полностью настраиваемый. Есть возможность создавать
свои собственные объекты и команды, изменять "горячие" клавиши. При
желании можно расширять возможности Dreamweaver новыми свойствами с
помощью языка jаvascript представлено на рисунке 1.3. К примеру, одной из
интересных и редко используемых но крайне полезных функций Dreamweaver
является форматирование кода. Эта функция находится в разделе command и
называется – apply source formatting. С помощью нее Вы можете привести в
красивый и удобочитаемый вид даже самый запутанный код
Можно еще долго описывать все прелести работы с Dreamweaver, а также
особенности его настройки и борьбы с глюками (к сожалению, ничто не
идеально), но, на мой взгляд, более удобного редактора для веб–верстки найти
крайне сло
Рисунок 1.3 – Создание горячих клавиш на jаvascript

Sublime Text – быстрый кроссплатформенный редактор исходных текстов
программ . Поддерживает плагины на языке программирования Python. Sublime
Text не является свободным или открытым программным обеспечением,
однако, некоторые его плагины распространяются по свободной лицензии, а
также разрабатываются и поддерживаются сообществом разработчиков.
Дополнительно в Sublime Text реализована функция автосохранения,
помогающая пользователям не потерять проделанную работу. Настраиваемые
комбинации клавиш и инструмент навигации позволяют пользователям
назначать свои комбинации клавиш для меню и панелей инструментов.
Возможность поиска по мере набора используется для поиска в документе и
осуществляет поиск по мере набора поискового запроса. Функция проверки
синтаксиса работает подобным же образом, проверяя корректность прямо во
время ввода. Sublime Text предлагает в дополнение к вышеперечисленному
возможности автоматизации с помощью макросов и повтора последних
действий.

1.1.2 Классификация интернет–систем
Цель любой информационной системы – обработка данных об объектах
реального мира.
Интернет продукты можно классифицировать по ниже следующим
пунктам.
По правам на доступность сервисов:
– Открытые – все сервисы полностью доступны для любых посетителей и пользователей.
–Полуоткрытые – для доступа необходимо зарегистрироваться (обычно бесплатно).
Закрытые – полностью закрытые служебные сайты организаций (в том
числе корпоративные сайты), личные сайты частных лиц. Такие сайты
доступны для узкого круга пользователей. Доступ новым пользователям
обычно даётся через приглашения (инвайты).
По физическому расположению:
–Общедоступные сайты сети Интернет.
–Локальные сайты – доступны только в пределах локальной сети.
Информационные ресурсы:
–Тематический сайт–сайт, предоставляющий специфическую узкоспециализированную информацию по какой–либо теме.
–Тематический портал–это большой веб–ресурс, который
предоставляет исчерпывающую информацию по определённой тематике.
Порталы похожи на тематические сайты, но дополнительно содержат средства
взаимодействия с пользователями и позволяют пользователям общаться в
рамках портала (форумы,чаты) – это среда существования пользователя.
Интернет–представительства владельцев бизнеса (торговля и услуги, не
всегда связанные напрямую с Интернетом):
–Сайт–визитка – содержит самые общие данные о владельце сайта
(организация или индивидуальный предприниматель). Вид деятельности,
история, прайс–лист, контактные данные,реквизиты, схема проезда.
Специалисты размещают своё резюме, то есть подробная визитная карточка.
–Представительский сайт – так иногда называют сайт–визитку с
расширенной функциональностью: подробное описание услуг, портфолио,
отзывы, форма обратной связи и т.д.
–Корпоративный сайт содержит полную информацию о
компании/владельце, услугах/продукции, событиях в жизни компании.
Отличается от сайта–визитки и представительского сайта полнотой
представленной информации, зачастую содержит различные функциональные
инструменты для работы с содержимым (поиск и фильтры, календари событий,
фотогалереи, блоги, форумы). Может быть интегрирован с внутренними
информационными системами компании–владельца (КИС, CRM,
бухгалтерскими системами). Может содержать закрытые разделы для тех или
иных групп пользователей – сотрудников, дилеров, контрагентов и пр.
–Каталог продукции – в каталоге присутствует подробное описание
товаров/услуг, сертификаты, технические и потребительские данные, отзывы
экспертов и т.д. На таких сайтах размещается информация о товарах/услугах,
которую невозможно поместить в прайс–лист.
–Интернет–магазин – сайт с каталогом продукции, с помощью
которого клиент может заказать нужные ему товары. Используются различные
системы расчётов: от пересылки товаров наложенным платежом или
автоматической пересылки счета по факсу до расчётов с помощью пластиковых
карт.
Промо–сайт – сайт о конкретной торговой марке или продукте, на
таких сайтах размещается исчерпывающая информация о бренде, различных
рекламных акциях (конкурсы, викторины, игры и т. п.).
 Сайт–квест
–Интернет–ресурс, на котором организовано
соревнование по разгадыванию последовательности взаимосвязанных
логических загадок.
 Веб–сервис – сайт, созданный для выполнения каких либо задач либо
предоставления услуг в рамках глобальной сети.
 Доска объявлений.
 Каталог сайтов– например, Open Directory Project.
 Поисковые сервисы – например, Yahoo, Google.
 Почтовый сервис.
 Форумы.
 Блоговый сервис.
 Файлообменный пиринговый сервис – например, Bittorrent.
 Датахостинговый (хранение данных) сервиc – например, Skydrive.
 Датаэдиторинговый (редактирование данных) сервиc, например,
GoogleDocs.
 Фотохостинг– например, Picnik, ImageShack, Panoramio, Photobucket.
 Хранение видео – например, YouTube, Dailymotion.
 Социальные Медиа– например, Buzz.
 Комбинированные веб–сервисы (Социальные сети) – например,
Facebook, Twitter, ВКонтакте.
 Комбинированные веб–сервисы (Специализированные социальные
сети) – например, MySpace, Flickr, Spring Me.
Немного подробнее о досках объявлений. Доска объявлений – сайт
предоставляющий площадку для размещения объявления. Это может быть сайт
с конкретной узконаправленной тематикой, многопрофильный,
платным/бесплатным, отдельным сайтом некоторого конкретного города либо
региона, может быть модерируемый либо администрируемый и т.д.
По технологии отображения:

–Статические
– состоящие из статичных html (htm) страниц

составляющих единое целое. Пользователю выдаются файлы в том виде, в
котором они хранятся на сервере.

–Динамические – состоящие из динамичных html (htm, dhtml) страниц–
шаблонов, информации, скриптов и прочего в виде отдельных файлов.
Содержимое генерируется по запросу специальными скриптами (программами)
на основе других данных из любого источника
По типам макетов:
–Фиксированной ширины (англ.rigidfixed) – размеры элементов
страницы имеют фиксированное значение, независящее от разрешения,
размера, соотношения сторон экрана монитора и размеров окна обозревателя,
задаётся в абсолютных значениях– PX (пиксели).
–Резиновый макет (англ.adaptablefluid) – размеры несущих элементов,
значения ширины, задаются относительным значением–%(проценты),
страницы отображаются во весь экран монитора по ширине . По сути данный
тип макета является частным случаем фиксированного типа макета.
Динамично эластичный (англ.dynamicallyexpandableelastic) –размеры
большинства элементов, задаются относительными значениями– EM и% . Все
относительные пропорции размеров элементов всегда остаются неизменными,
независимо от разрешения, размера, соотношения сторон экрана монитора,
размеров окна и масштаба окна обозревателя, и всегда постоянны относительно
окна обозревателя.
1.1.3 Интернет сегодня
В настоящее время сеть Интернет объединяет несколько миллионов
компьютеров пользователей по всему миру. Все эти компьютеры можно
условно разделить на два основных класса: клиенты и серверы.
Клиенты – это компьютеры, подключенные к cети через поставщика
услуг Интернета (Internet Service Provider), используют ее, как правило, для
поиска и получения информации, работы с электронной почтой. Программное
обеспечение клиентов может включать:
–Браузер или универсальный клиент – это программа, которая
обеспечивает загрузку и отображение Web–страниц. Кроме того, современные
версии этого ПО позволяют выполнять небольшие клиентские приложения
(скрипты и апплеты), расширяющие возможности обычных Web–страниц, а
также осуществлять путешествия в виртуальных мирах.
–Почтовые приложения, работающие с электронной почтой. Другие
мультимедийные средства, как например, воспроизведение звуковых и
видеороликов. Клиентские модули систем групповой работы, которые
обеспечивают создание единого информационного поля над распределенными
клиентами и информационными системами.
Серверы – это мощные компьютеры, которые имеют высокопропускной
канал для связи с Интернетом и соответствующее программное обеспечение,
поддерживающее работу тех или иных служб, и, как правило, предоставляют
информацию клиенту. В зависимости от типа сервисов, которые предоставляют
серверы, они делятся на:
–Web–серверы – работают с протоколом высокого уровня HTTP, и в
ответ на запрос клиента формируют по заранее определенному алгоритму Web–
страницу. Причем, эта страница может быть либо создана заранее, и тогда ее
называют статической, либо генерироваться непосредственно в ответ на запрос
– это динамически созданная страница.
–Почтовые серверы – как привило, поддерживают протокол POP (Post
Office Protocol) и SMTP (Simple Mail Transfer Protocol). Служат, как следует из
названия, для работы с электронной почтой и имеют различное назначение.
Посредством протокола POP обеспечивается загрузка писем с ящика клиента на
почтовом сервере, которым он пользуется, в его программу–клиент, а также
некоторые другие возможности для клиент–серверного взаимодействия (см.
приложение 1). Для отправки почтовых сообщений от клиента на сервер, а
также передачи их между серверами, на пути их следования от отправителя к
серверу получателя используется протокол SMTP.
–FTP–серверы – работают с протоколом FTP и служат для организации
доступа к файловым архивам сервера.....