Автор работы: Пользователь скрыл имя, 31 Марта 2012 в 14:46, дипломная работа
Целью данной работы являлось создание системы автоматизации работы с документами в отделе инженерных изысканий и ее внедрение на реально существующем предприятии.
Введение ………………………………………………………………………..... 6
Глава 1 Анализ информационно-документационной деятельности
ОАО «Волжский подводник»……………………………………………..….. 10
1.1 История создания предприятия……..…………………………..……… 10
1.2 Общее описание предприятия……………….…….…………………... 24
1.3 Организационная структура на предприятии…………………………25
1.4 Деятельность отдела инженерных изысканий…………………………25
1.4.1 Цели и задачи отдел инженерных изысканий на предприятии..26
1.4.2 Информационные потоки отдела инженерных изысканий…….28
Глава 2 Обзор способов организации Web-сайтов………………………....... 32
2.1 Общий взгляд на методы организации Web-сайтов.............................. 32
2.2 Язык серверных сценариев PHP .............................................................. 37
2.3 PHP и система управления базами данных MySQL............................... 39
2.4 Утилита phpMyAdmin в MySQL...............................................................40
Глава 3 Организация Web-сайта для работы с документами........................... 45
3.1 Главная страница сайта.............................................................................. 45
3.2 Раздел «О предприятии»............................................................................ 46
3.3 Раздел «Производство».............................................................................. 48
3.4 Раздел для клиентов ................................................................................. 50
3.5 Раздел для сотрудников ............................................................................ 65
3.6 Раздел «Общение» ..................................................................................... 73
Заключение............................................................................................................ 85
Список использованных источников ................................................................. 87
Рисунок 2 - Структура средств для проведения работ с БД и таблицами.
А теперь попробуем познакомится поближе с phpMyAdmin. Установка пакета очень проста, необходимо лишь указать данные для доступа к серверу MySQL. После установки появится еще одна служебная база, в дополнение к базе самой СУБД – phpmyadmin. В этой базе программа хранит свои настройки и другие необходимые ей данные.
Интерфейс программы состоит из двух вертикальных фреймов, в первом из них перечислены доступные базы (если пользователь администратор), или же сразу таблицы текущей базы данных, если пользователь не имеете доступа к другим БД. Выбрав необходимую таблицу, можно перейти в окно просмотра ее параметров и настроек. Страница загружается в основной фрейм, так что вся информация всегда находится перед глазами в одном окне браузера.
В основном окне присутствует ряд вкладок вверху страницы, для перехода между основными операциями над таблицей, остальные же функции доступны через ссылки, которые теперь чаще всего обозначаются пиктограммами, что позволяет получить очень компактный интерфейс.
Программа позволяет выполнять любые SQL-запросы над базами, причем это можно делать как из специального, отдельного, окна запросов, так и для каждой таблицы отдельно. На наиболее частые запросы можно делать специальные закладки и в последствии получить доступ к ним по одному нажатию на ссылку.
Стоит отметить, что язык SQL является связующим звеном между разработчиком и системой управления базами данных (СУБД), т.к. последняя понимает именно этот язык. Поэтому, чтобы совершить какое-либо действие, необходимо составить SQL-запрос и отправить его СУБД. Инструмент phpMyAdmin берет на себя эту заботу, предоставляя разработчику визуальный интерфейс для работы с MySQL.
Разработка Web-сайта выполнялась в блокноте (написание HTML, PHP- страниц), а также с помощью утилиты phpMyAdmin (создание базы данных).
Для начало работы необходимо запустить Web-сервер (Денвер). На рабочем столе размещены три ярлыка: Start Denwer, Restart Denwer и Stop Denwer. Для запуска воспользуемся ярлыком Start. После данного действия активизируется виртуальный диск, на котором хранятся файлы о разработанном сайте и базе данных. Далее в окне браузера необходимо набрать название сайта. В нашем случае http://gorbynova11.ru. После чего откроется стартовая страница сайта (рисунок 3).
На стартовой странице на (рисунок 3) перечислены 5 разделов:
о предприятии;
производство;
раздел для клиентов;
раздел для сотрудников;
общение.
Рисунок 3 - Стартовая страница сайта.
Раздел «О предприятии» содержит информацию, непосредственно касающуюся предприятия ОАО «Волжский подводник». А именно: краткие сведения о создании предприятия, основные направления деятельности, графические материалы.
Рисунок 4 - Раздел «О предприятии».
Технические действия для создания данной страницы достаточно несложные: следует сначала щелкнуть по ссылке О предприятии (рисунок 3), что приведет к появлению на экране следующего окна (рисунок 4), в котором можно просмотреть имеющуюся информацию о предприятии.
Создание данной страницы также является несложным. В данном случае использованы технологии написания простых HTML-страниц и использованием языка программирования JavaScript (листинг 1).
Листинг 1:
</body></html>
<BODY BGCOLOR="#CDCDCD">
<html><head>
<p><b><font size="5">
<img border="0" src="vp011.jpg" width="652" height="179"></font></b></p>
<P>Открытое акционерное общество «Волжский подводник» создано в соответствии с Указом Президента Российской Федерации от 17.11.1992 г. № 1403 «Об особенностях приватизации и преобразования в акционерные общества предприятий нефтяной и нефтеперерабатывающей промышленности», Распоряжением Государственного комитета Российской Федерации по управлению государственным имуществом от 02 июня 1994 года № 1313р в результате преобразования государственного предприятия «Волгокамское специализированное управление диагностики и восстановления подводных трубопроводов
(г. Кстово)» в акционерное общество открытого типа «Волжский подводник».
<P>Место нахождения Общества: г. Нижний Новгород, ул. Ларина, дом 19А.
<P>Основными видами деятельности Общества являются:
<P> • Обследование, ремонт, переукладка подводных переходов действующих магистральных нефтепроводов;
<P> • Геодезические, гидроологические исследования;
<P> • Составление топокарт;
<P> • Подрядчики по шельфовым и подводным работам в строительстве, подрядчики по прокладке подводных трубопроводов, подрядчики по ремонту подводных трубопроводов;
<P> • Техническое, промышленное черчение и графика (услуги);
<P> • Услуги составления и вычерчивания карт и планов (картографии), услуги технического, промышленного черчения по спецификации заказчика,
<P> • Исследования, разведка и анализ грунтов (услуги),
<P> • Исследования, услуги консультантов по механике грунтов, геологические и геодезические изыскания на строительных площадках
<P> С 2003 г. по настоящее время руководителем ОАО "Волжский подводник" является Лазарев Василий Александрович.
<CENTER>
<script language="JavaScript">
function func1()
{ coord1.style.left= event.x;
coord1.style.top= event.y;
coord1.style.visibility = "visible";
}
function func2()
{ coord.style.visibility = "hidden"; }
</script></head><body >
<span id="coord1" style="position:absolute; top:100 ; left:100; color=yellow ; visibility:hidden; background-color:gray">   Ген.директор Лазарев В.А.</span><br>
<img id="coord2" onmousemove="func1()"
onmouseout="func2()" src="dir.jpg" >
На HTML-странице размещена фотография генерального директора. С помощью функций JavaScript было выполнено следующее, что при перемещении мыши в области фотографии следом за курсором мыши появляется надпись. Цвет сообщения – желтые буквы на сером фоне. При перемещении курсора мыши вне рисунка сообщение пропадает.
Данный раздел имеет много общего с предыдущим разделом. Поскольку также создан на основе простых HTML-страниц и языка JavaScript.
Рисунок 5 - Интерфейс раздела «Производство».
Но в отличие от предыдущего раздела данная страница имеет две ссылки «Фотоотчеты о проделанной работе» и «Обзор прессы» (рисунок 5).
Составленная программа для данной страницы можно просмотреть в листинге 2.
Листинг 2:
</body></html>
<BODY BGCOLOR="#CDCDCD">
<html><head>
<CENTER>
<p><b><font size="5">
<img border="0" src="vp011.jpg" width="652" height="179"></font></b></p>
<P>В ОАО «Волжский подводник» работают большое количество специалистов. Но в основном на производстве заняты работники участков подводно-технических работ и отдела инженерных изысканий. Именно эти люди приносят достойную прибыль организации, а также делают огромный вклад в защиту окружающей среды.
<FONT COLOR ="yellow" SIZE="+2" FACE="Times New Roman">
<P> <A HREF="foto.html">
фотоотчеты о проделанной работе </A></P>
<FONT COLOR ="yellow" SIZE="+2" FACE="Times New Roman">
<P> <A HREF="cmi.html">
Обзоры прессы </A></P>
Чтобы просмотреть фотоматериалы необходимо кликнуть мышью по первой ссылке. На экране появятся несколько фотографий (рисунок 6)
Рисунок 6 - Фотоотчеты о проделанной работе.
Листинг 3:
<html>
</p> </BODY> </HTML>
<HTML> <HEAD><TITLE> Изыскания и строительство
</TITLE> </HEAD> <BODY>
<h3 align=right> Изыскания и строительство </h3>
<p align=JUSTIFY>
<body>
<img src="f1.jpg" width="150"></a>
<img src="f2.jpg" width="150"></a>
<img src="f3.jpg" width="150"></a>
<img src="f4.jpg" width="150"></a>
</body></html>
При переходе по второй ссылке можно просмотреть последние комментарии и необходимые для работы сведения, освещенные в прессе АК «Транснефть» (рисунок 7). Сценарий страницы представлен в листинге 4.
Рисунок 7 - Обзоры прессы.
Листинг 4:
<html>
</p> </BODY> </HTML>
<HTML> <HEAD><TITLE> Последние новости
</TITLE> </HEAD> <BODY>
<h3 align=right> Последние обзоры в прессе </h3>
<p align=JUSTIFY>
<body>
<A href="smi2.html" target="nav2">
<img src="s1.jpg" width="150"></a>
</body></html>
Для того, чтобы просмотреть необходимую информацию поближе или для удобства печать, достаточно просто кликнуть по нужной страничке. Данная страница откроется в отдельном окне. Также при наведении мыши на нее появиться надпись, в которой указано название печатного издания (листинг 5).
Листинг 5:
<html><head>
<CENTER>
<script language="JavaScript">
function func1()
{ coord1.style.left= event.x;
coord1.style.top= event.y;
coord1.style.visibility = "visible";
}
function func2()
{ coord.style.visibility = "hidden"; }
</script></head><body >
<span id="coord1" style="position:absolute; top:100 ; left:100; color=yellow ; visibility:hidden; background-color:gray">   Журнал "Трубопроводный транспорт нефти"</span><br>
<img id="coord2" onmousemove="func1()"
onmouseout="func2()" src="s1.jpg" >
</body></html>
Хотелось бы сказать несколько слов об описанных выше разделах. Представленная информация необходима, в первую очередь, для клиентов предприятия. Потому что только с ее помощью можно составить определенную картину о деятельности организации. И соответственно в дальнейшем привлечь больше людей и организаций к сотрудничеству. А также представлять информация о проделанной работе в главный офис компании «Транснефть».
Для работы в данном разделе клиенту сначала требуется пройти авторизацию (рисунок 8).
Рисунок 8 - Форма авторизации раздела для клиентов.
Для авторизации необходимо ввести логин – v и пароль – 1, а после этого нажать на кнопку «Отправка информации на сервер».
Листинг 6:
<HTML>
<HEAD>
<STYLE TYPE="text/css">
A {text-decoration:none; color:darkred; font-size: 20pt }
A:hover {text-decoration:none; color: red; font-size: 24pt; background-color: #dddddd }
H1 {color:green; font-size: 28pt }
DIV { font-size: 20pt }
INPUT {font-size: 20pt }
</STYLE>
</HEAD>
<BODY>
<IMG SRC="top_200.jpg">
<H1> ОАО Волжский подводник</H1>
<DIV>
<FORM method="GET" ACTION = "obr.php">
Введите логин:
<INPUT type = "text" name = "login"
value="" title="Необходимо ввести пароль"><BR><BR><BR>
Укажите пароль:
<INPUT type = "password" name = "pass"
value="" title="Необходимо ввести пароль"><BR><BR><BR>
<INPUT TYPE ="submit" value="Отправка информации на сервер"
name="OK">
</FORM> </BODY></HTML>
Если логин и пароль были введены правильно, то откроется следующая страница (рисунок 9).
Рисунок 9 - Сообщение об успешной авторизации.
Но если пароль и логин были написаны неверно, то при нажатии на кнопку, выводится сообщение об ошибке (рисунок 10)
Рисунок 10 - Сообщение об ошибке при указании пароля или логина.
Стоит отметить, что обработка данных о логине и пароле осуществляется с помощью языка серверных сценариев PHP. В листинге 6 строка <FORM method="GET" ACTION = "obr.php"> осуществляет данную обработку (листинг 7). Стоит отметить, что данный файл находится на виртуальном диске и доступен только администратору сайта, что исключает возможность несанкционированного доступа к информации.
Листинг 7: обработка сведений о логине и пароле
<HEAD>
<STYLE TYPE="text/css">
A {text-decoration:none; color:darkred; font-size: 20pt }
A:hover {text-decoration:none; color: red; font-size: 24pt; background-color: #dddddd }
H1 {color:green; font-size: 28pt }
DIV { font-size: 20pt }
INPUT {font-size: 20pt }
</STYLE>
</HEAD>
<BODY>
<IMG SRC="top_200.jpg">
<H1> ОАО Волжский подводник</H1>
<DIV>
<?php
if (($_GET['pass'] == "1")&& ($_GET['login'] == "v"))
{ echo "Добрый день! Вы прошли авторизацию.";
echo '<br><br<br><br><br<br><a href="zagprikazi.php" style="font-family: Tahoma, sans-serif">Загрузка документа</a><br><br><br>';
}
else
echo "Ошибка при указании пароля или логина";
echo '<br><br<br><br><br<br><a href="index.html" style="font-family: Tahoma, sans-serif">
Вернуться на стартовую страницу</a><br><br>';
?>
</BODY></HTML>
Итак, после удачной авторизации, клиент имеет возможность загрузки необходимых документов в базу данных. Для этого, при нажатии на ссылке «Загрузка документа», выводится новое окно (рисунок 11), в котором пользователь заполняет необходимые строки и подгружает нужный документ, нажав на кнопку «Обзор», а затем на «Загрузить».