- •Аннотация
- •Введение
- •Аналитическая часть
- •1.1 Технико-экономическая характеристика объекта
- •1.1.1 Экономическая характеристика организации
- •1.1.2 Организационная структура
- •1.2 Анализ текущей деятельности и постановка задачи
- •1.2.1 Текущее положение
- •1.2.2 Постановка задачи
- •1.3 Анализ рынка информационных систем и выбор наилучшей
- •IntraService Enterprise
- •1.4. Обоснование способа приобретения системы
- •2 Проектная часть
- •2.1 Обоснование проектных решений
- •2.1.1 Обоснование проектного решения по техническому обеспечению
- •Xerox Phaser 3125n:
- •2.1.2 Обоснование проектного решения по информационному обеспечению
- •2.1.3 Обоснование проектного решения по программному обеспечению
- •2.2 Определение модели жизненного цикла проекта
- •2.3 Определение возможных рисков на этапах жизненного цикла
- •2.4 Информационная модель объекта проектирования
- •3 Исследовательская часть
- •3.1 Технологическое обеспечение проекта
- •3.1.1 Технологический процесс самообслуживания пользователя
- •3.1.2 Технологический процесс обработки обращения
- •3.1.3 Технологический процесс сопоставления и эскалации обращения
- •3.1.4 Технологический процесс закрытия обращения
- •3.2 Программное обеспечение
- •3.3 Разработка элемента «раскрывающийся список»
- •4 Экономическая эффективность проекта
- •4.1 Обоснование методики расчета экономической эффективности
- •4.2 Оценка эффективности проекта и этапы его внедрения
- •4.3 Обоснование необходимости внедрения новой системы
- •4.4 Расчет показателей экономического эффекта проекта
- •5 Безопасность жизнедеятельности и охрана окружающей среды
- •5.1 Безопасность жизнедеятельности
- •5.1.1 Характеристика рабочего места инженера
- •5.1.2 Окраска помещения и коэффициенты отражения
- •5.1.3 Освещение в рабочем помещении
- •5.1.4 Параметры микроклимата
- •5.1.5 Шум и вибрация
- •5.1.6 Электромагнитное и ионизирующее излучения
- •5.1.7 Определение режима труда
- •5.1.8 Расчет освещенности
- •5.1.9 Расчет уровня шума
- •Охрана окружающей среды
- •5.2.1 Экологически безопасная утилизация персональных компьютеров, периферийных устройств и оргтехники
- •Заключение
- •Список используемой литературы
- •Приложение а
Приложение а
Программный код раскрывающегося меню на языке JavaScript
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>панель меню</title>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'>
</script>
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<style type='text/css'>
* {margin: 0; padding: 0;}
#navigation
{width: 200px; ' ширина поля}
ul
{list-style: none;}
a {text-decoration: none;}
#navigation a
{
display: block;
padding: 3px 5px;
background: #a8c8f4;
color: black;
border-bottom: 1px solid #d2e3fb;
}
#navigation ul > li > ul > li > a
{
background: white;
color: black;
border-top: 4px solid white;
}
#navigation ul > li > ul > li:first-child > a
{
border-top: red;
}
</style>
</head>
<body>
<div id="navigation">
<ul>
<li><a href=""><font size=2>Избранные объекты инфопанели</font></a>
<ul>
<li><font color=white><font size=2>тут будет ссылка</font></font></li>
<li><font color=white><font size=2>тут будет ссылка</font></font></li>
<li><font color=white><font size=2>тут будет ссылка</font></font></li>
</ul>
</li>
<li><a href=""><font size=2>Служба поддержки пользователей</font></a>
<ul>
<li><font size=2>очередь обращений</font></li>
<li><font size=2>поиск записей обращений</font></li>
<li><font size=2>регистрация нового обращения</font></li>
<li><font size=2>список утверждений</font></li>
</ul>
</li>
<li><a href=""><font size=2>Управление инцидентами</font></a>
<ul>
<li><font size=2>очередь инфидентов</font></li>
<li><font size=2>поиск записей инцидентов</font></li>
<li><font color=white><font size=2>тут будет ссылка</font></font></li>
<li><font color=white><font size=2>тут будет ссылка</font></font></li>
</ul>
</li>
<li><a href=""><font size=2>Прочее</font></a>
<ul>
<li><font color=black><font size=2>контакты</font></font></li>
<li><font color=white><font size=2>тут будет ссылка</font></font></li>
<li><font color=white><font size=2>тут будет ссылка</font></font></li>
</ul>
</li>
</ul>
</div>
<script type='text/javascript'>
var mainNav = $('#navigation > ul > li > a');
$('#navigation > ul > li > ul').hide();
$('a').click(function(e){
e.preventDefault();
});
mainNav.click(function(){$(this).siblings('ul').slideToggle(1000,'swing');
});
//]]>
</script>
</body>
</html>
Программный код открывающихся списков обращений на языке JavaScript
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Список обращений</title>
<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
$("#firstpane p.menu_head").click(function()
{$(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
$(this).siblings().css({backgroundImage:"url(left.png)"});
});
//slides the element with class "menu_body" when mouse is over the paragraph
$("#secondpane p.menu_head").mouseover(function()
{
$(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
$(this).siblings().css({backgroundImage:"url(left.png)"});
});
});
</script>
<style type="text/css">
body
{
margin: 10px auto;
font: 75%/120% Verdana,Arial, Helvetica, sans-serif;
}
.menu_list
{
width: 200px;
}
.menu_head
{
padding: 5px 10px;
cursor: pointer;
position: relative;
margin:1px;
font-weight:bold;
background: white url(left.png) center right no-repeat;
border-bottom: 1px solid #8eb9f2;
}
.menu_body
{
display:none;
}
.menu_body a
{
display:block;
color:black;
background-color:white
padding-left:15px;
font-weight:bold;
text-decoration:none;
}
.menu_body a:hover
{
color: white;
text-decoration:underline;
}
</style>
</head>
<body>
<div style="float:left" > <!--This is the first division of left-->
<div id="firstpane" class="menu_list"> <!--Code for menu starts here-->
<p class="menu_head"><font color=white>пустое поле</font></p>
<div class="menu_body">
<a href="#">Очередь обращений</a>
<a href="#">Зарегистрированные мной обращения</a>
</div>
</div>
</div>
</body>
</html>