Изучить понятия и классификацию web-технологий

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования

«Сибирский государственный аэрокосмический университет
имени академика М.Ф. Решетнева»

Институт информатики и телекоммуникаций

Кафедра информатики и вычислительной техники

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

по дисциплине информационные технологии

на тему: Разработка веб-приложения информационного портала по теме «информационная безопасность»

Выполнил: ст. гр. ТБ-1101
дневной формы обучения специальности 090302.65 «Информационная безопасность телекоммуникационных систем»
Калупанкин В.В.

Проверил:cт.пр.каф.ИВТ
Кагиров Р. Р.

Дата сдачи: «____» мая 2013г.

Дата защиты: «____» мая 2013г.

Оценка: ___________________________/ Кагиров Р.Р /

Красноярск 2013 г.

Институт информатики и телекоммуникаций

Кафедра информатики и вычислительной техники

ЗАДАНИЕ на курсовую работу (проект) по дисциплине информационные технологии студенту Калупанкину Василию Владимировичу
Группа ТБ1101		Форма обучения очная
1. Тема работы (проекта): разработка веб-приложения информационного портала по теме «Информационная безопасность
2. Срок сдачи студентом работы до 25 мая 2013 г
3. Перечень вопросов, подлежащих разработке при написании теоретической части:
1. изучить виды средств разработки веб-приложений;
2. изучить понятия и классификацию веб-технологий;
3. сравнительный анализ сред создания веб-приложений.
4. Перечень вопросов, подлежащих разработке при написании практической части:
1. разработать веб-приложение информационного портала по теме «Информационная безопасность»;
2. разработать руководства пользователя и программиста.
7. Дата выдачи задания: 15 февраля 2013 г.
Руководитель Кагиров Ринат Рафисович
Подпись
Задание принял к исполнению (дата) 1 апреля 2013 г
(подпись студента)

Содержание

Введение.. 4

1. web-приложение.. 6

1.1 Изучить понятия и классификацию web-технологий. 6

1.2 Виды средств разработки web-приложений. 11

1.3 Сравнительные характеристики сред создания Web – приложений. 14

2. веб-приложение на основе языков сайтостроения с использование баз данных.. 20

2.1 Техническое задание. 20

2.2 Руководство пользователя. 21

2.3 Руководство программиста. 23

2.4 Тестирование разработанной программы.. 23

Заключение.. 25

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

Введение

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

Целью работы является разработка web-приложения информационного портала на тему «Информационный портал» на основе html(HyperText Markup Language – язык разметки гипертекста), css (Cascading Style Sheets – каскадные таблицы стилей) и php(Hypertext Preprocessor – препроцессор гипертекста; первоначально Personal Home Page Tools – Инструменты для создания персональных веб-страниц) языков сайтостроения с использованием баз данных MYSQL (My Structured Query Language – свободная реляционная система управления базами данных).

Для достижения цели данной работы необходимо решить
следующие задачи:

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

‒ сравнительные характеристики сред создания web-приложений;

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

‒ разработать web-приложение на основе html, css и php языков сайтостроения с использованием баз данных MYSQL;

‒ провести тестирование web-приложения;

‒ разработать руководства пользователя и программиста.

Работа изложена на 2 страницах и состоит из двух частей, введения, заключения и списка литературы.

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

1. web-приложение

Требования к Web-приложениям

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

Вторым этапом будет построение информационной архитектуры сайта.

После того как будут известны все материалы сайта и его структура, можно перейти к дизайну навигации и самих страниц [1, с. 69].

Главная страница

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

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

Контент

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

Привязанность

Классический путь увеличения привязанности к сайту – это публикация свежих материалов с определённой регулярностью (от ежедневных до ежемесячных). Для желающих необходимо организовать рассылки свежего материала. Почти 100% из тех, кто подписался, будут периодически заходить и на сам сайт, пока автор будет напоминать им о себе.

Ссылки

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

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

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

Требования к web-приложению

‒ совместимость с основными версиями браузеров.

‒ минимальный объем HTML-кода.

‒ исходный HTML-код должен быть читабельным.

‒ верхние, нижние и левые блоки должны быть вынесены в отдельный php-файл и в дальнейшим подключать их с помощью include””;.

‒ CSS (таблицы каскадных стилей), используемые в нескольких документах находились в отдельном файле.

‒ гиперссылки имели правильные пути – абсолютные и относительные.

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

Руководство пользователя

Для того чтобы начать создание web-приложения нужно:

1. Скачать Denwer – локальный сервер с официального сайта http://www.denwer.ru/.

2. Установить Denwer – локальный сервер:

а. Щелкните по скачанному архиву Денвера. Запуститься инсталлятор. Далее выбираете директорию куда установить.

б. После завершения установки щелкните по ярлыку Denwer на Рабочем столе. Вы, запустили локальный сервер и теперь можете посмотреть, работает он или нет.

в. Откройте в браузере страницу http://localhost (который хранится в папке home/localhost/www). Если все работает, то в браузере вам выведет сообщение:

3. Далее открываем любой доступный редактор web-приложений (я работал в среде web-разработки Adobe Dreamweaver CS3).

а. Создаем новый документ (File->New->PHP (Ctrl+N))

б. Далее создаем, новый менеджер сайтов для удобства просмотра файлов в папке Home. Для этого на правой панели нажимаем вкладку Files. Далее заходим во вкладку Manage Sites. Далее New Site пишем имя проекта, выбираем местоположение папки, где будут храниться файлы и нажимаем Ok. В manage sites выбираем нами созданный файл и нажимаем Done. Все можно приступать к написанию нашего сайта.

в. Чтобы сохранить наш проект нужно зайти во вкладку File и выбрать пункт Save(Ctrl+S) или Save As(Ctrl+Shift+S).

г. Для того чтобы проверить работает наш проект или нет заходим в любой браузер и набираем http://localhost/и название нашего проекта.

Руководство программиста

Характеристики программы

Web-приложение полностью разработано в среде Adobe Dreamweaver CS3. Для реализации web-приложения были выбраны языки сайтостроения HTML, CSS и PHP.

Проведение оценочных работ

Для проведения оценочной работы необходимо привлечь от трёх до пяти участников. Каждый из них производит работу индивидуально. После чего их результаты сравниваются и приводятся к единому выводу. Тест проводится в два этапа:

1) понимание работы интерфейса;

2) концентрация внимания на определённых элементах.

Необходимо отдельное упоминание каждой проблемы, что бы ни повторять её в дальнейшем.

Вывод по второй главе:

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

Заключение

В ходе работы над курсовым проектом были изучены разные виды языков сайтостроения, и был создан информационный портал на тему «Информационная безопасность».

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

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

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

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

Web-приложение полностью разработано в среде Adobe Dreamweaver CS3. Для реализации web-приложения были выбраны языки сайтостроения HTML, CSS и PHP.

Цель курсовой работы выполнена в полном объеме. Разработано веб-приложение, соответствующее всем техническим и функциональным требованиям. Веб-приложение информационный портал на тему «Информационная безопасность» не имеет аналогов.

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования

«Сибирский государственный аэрокосмический университет
имени академика М.Ф. Решетнева»

Институт информатики и телекоммуникаций

Кафедра информатики и вычислительной техники

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

по дисциплине информационные технологии

на тему: Разработка веб-приложения информационного портала по теме «информационная безопасность»

Выполнил: ст. гр. ТБ-1101
дневной формы обучения специальности 090302.65 «Информационная безопасность телекоммуникационных систем»
Калупанкин В.В.

Проверил:cт.пр.каф.ИВТ
Кагиров Р. Р.

Дата сдачи: «____» мая 2013г.

Дата защиты: «____» мая 2013г.

Оценка: ___________________________/ Кагиров Р.Р /

Красноярск 2013 г.

Институт информатики и телекоммуникаций

Кафедра информатики и вычислительной техники

ЗАДАНИЕ на курсовую работу (проект) по дисциплине информационные технологии студенту Калупанкину Василию Владимировичу
Группа ТБ1101		Форма обучения очная
1. Тема работы (проекта): разработка веб-приложения информационного портала по теме «Информационная безопасность
2. Срок сдачи студентом работы до 25 мая 2013 г
3. Перечень вопросов, подлежащих разработке при написании теоретической части:
1. изучить виды средств разработки веб-приложений;
2. изучить понятия и классификацию веб-технологий;
3. сравнительный анализ сред создания веб-приложений.
4. Перечень вопросов, подлежащих разработке при написании практической части:
1. разработать веб-приложение информационного портала по теме «Информационная безопасность»;
2. разработать руководства пользователя и программиста.
7. Дата выдачи задания: 15 февраля 2013 г.
Руководитель Кагиров Ринат Рафисович
Подпись
Задание принял к исполнению (дата) 1 апреля 2013 г
(подпись студента)

Содержание

Введение.. 4

1. web-приложение.. 6

1.1 Изучить понятия и классификацию web-технологий. 6

1.2 Виды средств разработки web-приложений. 11

1.3 Сравнительные характеристики сред создания Web – приложений. 14

2. веб-приложение на основе языков сайтостроения с использование баз данных.. 20

2.1 Техническое задание. 20

2.2 Руководство пользователя. 21

2.3 Руководство программиста. 23

2.4 Тестирование разработанной программы.. 23

Заключение.. 25

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

Введение

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

Целью работы является разработка web-приложения информационного портала на тему «Информационный портал» на основе html(HyperText Markup Language – язык разметки гипертекста), css (Cascading Style Sheets – каскадные таблицы стилей) и php(Hypertext Preprocessor – препроцессор гипертекста; первоначально Personal Home Page Tools – Инструменты для создания персональных веб-страниц) языков сайтостроения с использованием баз данных MYSQL (My Structured Query Language – свободная реляционная система управления базами данных).

Для достижения цели данной работы необходимо решить
следующие задачи:

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

‒ сравнительные характеристики сред создания web-приложений;

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

‒ разработать web-приложение на основе html, css и php языков сайтостроения с использованием баз данных MYSQL;

‒ провести тестирование web-приложения;

‒ разработать руководства пользователя и программиста.

Работа изложена на 2 страницах и состоит из двух частей, введения, заключения и списка литературы.

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

1. web-приложение

Изучить понятия и классификацию web-технологий

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

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

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

Интернет – это не только «прохладный бассейн», в котором так комфортно чувствуют себя весьма «перегревшиеся» люди, но и место, где можно «потрогать» практически любую горячую тему, не опасаясь при этом обжечься [5, с.8].

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

Информация, доступная пользователям Internet, располагается на компьютерах (Web-серверах), на которых установлено специальное программное обеспечение. Значительная часть этой информации организована в виде Web-сайтов. Каждый из них имеет свое имя (адрес) в Internet. Web-сайт – это информация, представленная в определенном виде, которая располагается на Web-сервере и имеет свое имя. Для просмотра Web-сайтов на компьютере пользователя используются специальные программы, которые называются браузерами. Наиболее распространенными браузерами в настоящее время являются Internet Explorer, Mozilla Firefox, Safari, Google Chrome, Opera. В зависимости от того, какое имя сайта мы зададим в строке «Адрес», браузер будет загружать в свое окно соответствующую информацию.

Web-сайт состоит из связанных между собой Web-страниц. Web- страница представляет собой текстовый файл с расширением *.htm, который содержит текстовую информацию и специальные команды – HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера. Вся графическая, аудио и видео информация непосредственно в Web-страницу не входит и представляет собой отдельные файлы [6, с. 15].

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

В настоящее время с точки зрения назначения различают три основных типа порталов:

Публичные, или горизонтальные, порталы (называемые иногда мегапорталами), такие как Yandex, mail.ru , Rambler. Такие порталы нередко являются результатом развития поисковых систем. Предназначены они для самой широкой аудитории, что отражается на содержании предоставляемой ими информации и услуг. Как правило, эта информация носит общий характер, равно как и предоставляемые услуги (электронная почта, новостные рассылки и так далее).

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

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

Другие наиболее распространённые web-приложения:

Поисковые системы – это Интернет-порталы, которые предназначены для того, чтобы предоставить их посетителю возможность найти сайты, на которых встречаются заданные слова или целые фразы (google.ru);

Каталог – это коллекция ссылок на сайты. Зачем же нужны каталоги, если есть поиск? Очень часто пользователи не знают точно, что нужно, и не могут это сформулировать парой слов (mail.ru);

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

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

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

Интернет-магазины и аукционы (ozon.ru, slando.ru, 24au.ru).

Требования к Web-приложениям

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

Вторым этапом будет построение информационной архитектуры сайта.

После того как будут известны все материалы сайта и его структура, можно перейти к дизайну навигации и самих страниц [1, с. 69].

Главная страница

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

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

Контент

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

Привязанность

Классический путь увеличения привязанности к сайту – это публикация свежих материалов с определённой регулярностью (от ежедневных до ежемесячных). Для желающих необходимо организовать рассылки свежего материала. Почти 100% из тех, кто подписался, будут периодически заходить и на сам сайт, пока автор будет напоминать им о себе.

Ссылки

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

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

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