Тестирование знания

СОДЕРЖАНИЕ

 

ВВЕДЕНИЕ

Место прохождения преддипломной практики – научно-производственное республиканское унитарное предприятие «Научно-исследовательский институт технической защиты информации». Научно-производственное республиканское унитарное предприятие «Научно-исследовательский институт технической защиты информации» ведет свою деятельность с 1987 года.

Государственное предприятие «НИИ ТЗИ» является одной из ведущих научно-исследовательских  организаций Республики Беларусь в  области защиты информации. Институт обеспечивает координацию в области  научных, исследовательских, методических и практических работ по технической защите информации и информационных систем и повышению антитеррористической защищенности объектов в интересах министерств, ведомств и организаций Республики Беларусь.

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

Все работники предприятия имеют  специализированное высшее образование, квалификация сотрудников ежегодно повышается. В настоящее время  государственное предприятие «НИИ ТЗИ» - структурно сбалансированная организация, насчитывающая в своем составе более 140 человек.

Цели и задачи предприятия:

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

- проведение работ по комплексной  защите информации на объектах Заказчика на всей территории Республики Беларусь;

- научная деятельность.

Основные структурные подразделения  предприятия:

- центр испытаний средств защиты  информации и аттестации информационных  объектов;

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

Схема организационной структуры  предприятия представлена на рисунке 1. 

Рисунок 1 – Организационная структура  предприятия

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

Интернет (англ. Internet) – всемирная  система объединённых компьютерных сетей, построенная на использовании  протокола IP и маршрутизации пакетов  данных. Интернет образует глобальное информационное пространство, служит физической основой для Всемирной паутины и множества других систем (протоколов) передачи данных. Часто упоминается как «Всемирная сеть» и «Глобальная сеть». Интернет охватывает все сферы нашей жизни и является неотъемлемым атрибутом современной цивилизации. Также во многом облегчает любую деятельность человека.

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

Для молодежи это средство получения  знаний, обучения, общения, осуществления  своих увлечений. Музыка, кино, художественная и учебная литература, молодежные форумы и сообщества по интересам, знакомства, общение по Интернету и еще многое другое.

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

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

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

 

1 Анализ задачи

1.1 Описание предметной области

Данная работа «Создание фотогалереи» предназначена для дипломного проекта, сайта «Система профессиональной ориентации Республики Беларусь». Пользователь может, при наведении на уменьшенную фотографию, посмотреть подсказку к ней в виде описания фотографии. А при нажатии на фотографию, увидеть ее в увеличенном размере и прочитать описание самой фотографии. При повторном нажатии на увеличенную фотографию, она должна пропадать.

1.2 Функциональная модель

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

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

1.3 Инструменты разработки

Данный дипломный проект реализован в программе Adobe Dreamweaver CS5 при помощи гипертекстового языка разметки HTML, каскадных листов стилей CSS и языков программирования JavaScript и PHP.

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

Термин HTML (Hyper Text Markup Language) означает «язык маркировки гипертекстов». Html-документ - это текст, состоящий из html-кодов и основного текста документа. Для форматирования текста, задания структуры документа, встраивания ссылок и мультимедиа-объектов в html-документах используются специальные кодовые слова, которые называются дескрипторами разметки (тегами). Практически именно благодаря развитию гипертекста, большинство пользователей получило возможность создавать собственные мультимедийные продукты и распространять их на компакт-дисках. Такие информационные системы, выполненные в виде набора html-страниц, не требуют разработки специальных программных средств, так как все необходимые инструменты для работы с данными (web-браузеры) стали частью стандартного программного обеспечения большинства персональных компьютеров.

JavaScript - язык подготовки сценариев, который позволяет сделать веб-страницы более интерактивными и функциональными. Использование скриптов не только улучшит подачу материала, но и сделает его более запоминающимся. Для написания сценариев JavaScript обязательно требуется знание языка HTML.

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

Для реализации дизайна и других графических объектов, были использованы Adobe Photoshop CS5 и CSS.

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

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

1.4 Требования к программе

Основными требованиями, предъявляемыми к функциональным характеристикам, являются:

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

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

  • IBM PC совместимый с процессором 80386 и выше;
  • объем оперативной памяти: 256 Мб и выше;
  • свободное место на жестком диске: 3 Мбайт и выше;
  • операционная система: Windows;
  • видеокарта: 128 Mb и выше;
  • совместимый монитор с минимальным разрешением 1024х768;
  • клавиатура любой модификации;
  • наличие манипулятора типа «мышь»;
  • программа Денвер.

 

2 Проектирование задачи

2.1 Система помощи

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

2.2 Тесты на использование

Таблица 2.2.1 – Тесты на использование программы

Название

Последовательность действий

Результат

Да/нет

Запуск программы

Запуск специальной программы Денвер. Затем введение в браузере адресной строки: http://localhost/www/foto.php

Запуск приложения

Да

Проверка работоспособности  фотогалереи

Просмотр фотографий

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

Да

Проверка правильности текста

Просмотр подсказок к фотографиям и их описание

Правильное написание текста

Да

Проверка выхода

Происходит закрытие файла

Выход из программы

Да


3 Реализация

3.1 Функции: логическая и физическая организация

Интерфейс фотогалереи разработан для максимального удобства и быстродействия пользователей на языке программирования PHP и JavaScript .

В данном программном средстве использованы файлы .jpeg и .gif, которые создавались в графическом редакторе Adobe Photoshop CS5. Сама программа разработана в Adobe Dreamweaver CS5, информация хранится в файлах типа .php, .css, .js.

3.2 Функции и элементы управления

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

Для того, чтобы запустить программу без сети Интернет, необходимо установить и запустить программу Денвер, после которой нужно запустить браузер и в адресной строке ввести: http://localhost/www/foto.php.

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

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

Рисунок 3.2.1 – Фотогалерея

Для просмотра описания фотографии, достаточно навести на нее курсором мышки, как представлено на рисунке 3.2.2.

Рисунок 3.2.2 – Описание фотографии при наведении

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

Рисунок 3.2.3 – Увеличенная фотография

Чтобы закрыть увеличенное изображение  нужно просто нажать на него. Для выхода из программы нажать на «крестик» в правом верхнем углу.

4 Применение

4.1 Назначение

Программа разработана на Adobe Dreamweaver CS5 с общим объёмом не менее 4 Мб и функционирует под управлением семейства операционных систем Windows с объёмом оперативной памяти 128 Мб и выше и типом процессора «Pentium», AMD Athlon или других процессорах.

Данная программа будет использована для дипломного проекта и сайта «Система профессиональной ориентации Республики Беларусь».

4.2 Инсталляция

Чтобы запустить программу без сети Интернет, необходимо установить Денвер и его запустить.  Затем скопировать папку WWW из папки EXE в папку С:\home\localhost\www. Затем запустить браузер и ввести в адресной строке: http://localhost/www/foto.php.

 

ЗАКЛЮЧЕНИЕ

Данная программа разрабатывалась  для сайта «Система профессиональной ориентации Республики Беларусь». Она решает поставленную на этапе проектирования задачу: создание фотогалереи.

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

Данная задача была реализована благодаря таким инструментам как Adobe Dreamweaver CS5, Adobe Photoshop CS5.

 

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

  1. Джеймсон Ленгсторф. PHP и jQuery для профессионалов. - СПб.: Вильямс, 2011 г. – 334 с.;
  2. Htmlbook.ru - теги html и свойства css [Электронный ресурс]. – Электронные данные. – Режим доступа: http://htmlbook.ru;
  3. Черный А. И. Самоучитель Flash и PHP. - СПб.: Питер, 2004 г. – 203 с.;
  4. Как сделать сайт – Создание и раскрутка сайта самостоятельно [Электронный ресурс]. – Электронные данные. – Режим доступа: http://www.site-do.ru/js/js5.php

 

ПРИЛОЖЕНИЕ A

(обязательное)

Листинг программы

// PHP Document

<?php

$path = 'foto';

if (!opendir($path)) {

return 'Ошибка! Указана неверная директория!';

}

else {

$dir = opendir($path);

while(($img = readdir($dir)) !== false) {

$res = substr(strrchr($img,'.'), 1);

if (is_file($img) && ($res == 'jpg') || ($res == 'JPG')) {

$imgname[] = $path.'/'.$img;

}

}

closedir($dir);

$i =  count($imgname);

echo "

<table id='id0' class='st3'><tr><td align='center'><a href='javascript:void(0)'><img src='' id='id2' name='id2' onClick='photo()'></td></tr><tr><td align='center'><span id='text'></span></a></td></tr></table>

";

echo "<table align='center'><tr>";

for ($j=0;$j<=$i;$j++){

if (($j%6==0) && ($j!=0)){echo '</tr><tr>';}

$fp = file ("fotocoment/foto_".$j.".txt");

for ($x=0;$x<=count($fp);$x++){

$st.=$fp[$x];}

echo'<td><img class="st" id="i'.$j.'" name="i'.$j.'" src="foto/foto_'.$j.'.jpg" />';

echo '<a href="javascript:void(0)" onClick="'; echo " photo2('i".$j."', 'foto/foto_".$j.".jpg', '".$st."')"; echo'"><img title="'.$st.'" class="st2" src="foto/foto_'.$j.'.jpg" /></a><br>';

echo "</td>";

$st="";

if ($j == $i){echo '</tr></table>';}

}}

?>

// JavaScript Document

function photo() {

document.getElementById('id0').style.visibility = "hidden";}

function photo2(p,d,a) {

x = document.getElementById(p).offsetWidth;

y = document.getElementById(p).offsetHeight;

document.getElementById('id2').src=d;

if (x>=y){

document.getElementById('id0').style.width="50%";

document.getElementById('id0').style.height="auto";

document.getElementById('id2').style.width="100%";

document.getElementById('id2').style.height="auto";

document.getElementById('id0').style.left = "25%";

document.getElementById('id0').style.top = "10%";}

else{

document.getElementById('id2').style.height="auto";

document.getElementById('id2').style.width="70%";

document.getElementById('id0').style.height="auto";

document.getElementById('id0').style.width="50%";

document.getElementById('id0').style.left = "25%";

document.getElementById('id0').style.top = "2%";}

document.getElementById('text').innerHTML = a;

document.getElementById('id0').style.visibility = "visible"; }

function out(i) {

document.getElementById(i).style.visibility = "hidden";}

function on(i) {

document.getElementById(i).style.visibility = "visible";}

 

ПРИЛОЖЕНИЕ Б

(рекомендуемое)

Диаграммы UML

Рисунок Б.1 - Диаграмма вариантов использования

Рисунок Б.2 - Диаграмма действий

Рисунок Б.3 - Диаграмма последовательности действий

Рисунок Б.4 - Диаграмма размещения