Вход

Разработка фрагмента web-сайта для информационного взаимодействия кадровой службы бюджетной организации с внешним рынком труда

Курсовая работа
Дата создания 20.02.2016
Страниц 44
Источников 13
Вы будете перенаправлены на сайт нашего партнёра, где сможете оформить покупку данной работы.
1 584руб.
КУПИТЬ

Содержание

ВВЕДЕНИЕ 4 РАЗДЕЛ 1. СРЕДСТВА СОЗДАНИЯ WEB-САЙТОВ. ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ. 6 1.1. Современные технологии веб-дизайна 6 1.2. Современные требования к сайту –визитке 9 1.3. Технологии проектирования веб-интерфейсов 11 1.3.1. Проектирование структуры веб-интерфейса (Карты мозга) 13 1.3.2. Проектирование дизайна веб-интерфейса 18 1.4. Технологии front-end разработки веб-интерфейсов 21 1.4.1. Технологии разметки (HTML5CSS3, SASS, SCSS) 22 1.4.2. Технологии программирования (JavaScript jQuery JQueryUI Ajax) 25 1.5. Технологии back-end разработки 27 РАЗДЕЛ 2. ОСОБЕННОСТИ ОРГАНИЗАЦИИ РАБОТЫ КАДРОВОЙ СЛУЖБЫ БЮДЖЕТНОЙ ОРГАНИЗАЦИИ 28 РАЗДЕЛ 3. НОРМАТИВНО-ПРАВОВОЕ ОБЕСПЕЧЕНИЕ РАБОТЫ КАДРОВЫХ СЛУЖБ. 33 РАЗДЕЛ 4. РАЗРАБОТКА ФРАГМЕНТА WEB-САЙТА. 35 4.1. Создать главную страницу и две дополнительных. 35 4.1.1. Анализ требований (цели, задачи, функции). 35 4.1.2. Разработка структуры главной страницы сайта (карта, навигация, элементы). 37 4.2. Разработка дизайна сайта (главная страница, внутренние блоки, виды навигации, элементы интерфейса) 39 4.3. Разработка структуры и дизайна сайта и его отдельных элементов 41 ЗАКЛЮЧЕНИЕ 43 СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ 44 ПРИЛОЖЕНИЯ 45 Содержание

Фрагмент работы для ознакомления

В ведении субъектов РФ остаются вопросы организации государственной службы субъектов РФ. На региональном уровне также принимаются законы, регламентирующие вопросы муниципальной службы на территории каждого субъекта РФ.Пункт 4 ст. 32 Конституции РФ устанавливает право граждан на равный доступ к государственной службе.Конституция также предусматривает ответственность государственных служащих за некоторые деяния, связанные с исполнением их служебных обязанностей. Этому, в частности, посвящены п. 4 ст. 41 ("Сокрытие должностными лицами фактов или обстоятельств, создающих угрозу для жизни и здоровья людей"), ст. 52 и 53 (устанавливающие право граждан на возмещение вреда, причиненного незаконными действиями (бездействием) органов государственной власти или их должностных лиц, злоупотреблением властью).Закон № 58-ФЗ определяет правовые и организационные основы системы государственной службы, уровни и виды государственной службы, основные принципы ее построения и функционирования.Закон № 79-ФЗ полностью посвящен вопросам организации этого вида государственной службы, ее прохождения, отношений между государством и гражданским служащим. В нем четко и подробно определены порядок поступления на государственную гражданскую службу, требования к различным категориям должностей гражданской службы, порядок прохождения гражданской службы, аттестации служащих, их права, обязанности, социальные гарантии, а также запреты и ограничения, связанные с прохождением гражданской службы. Этот закон можно считать своеобразным "трудовым кодексом" для государственных служащих (напомним, что по общему правилу нормы Трудового кодекса РФ на госслужащих не распространяются).Принятие аналогичных законов предусмотрено и для других видов государственной службы — военной и правоохранительной. В настоящее время федеральный закон "О правоохранительной службе" существует только в виде проекта. Федерального закона "О военной службе" также пока не существует.РАЗДЕЛ 4. РАЗРАБОТКА ФРАГМЕНТА WEB-САЙТА.4.1. Создать главную страницу и две дополнительных.4.1.1. Анализ требований (цели, задачи, функции).Рассмотрим требования к представительскому сайтубюджетной организации.Бизнес требования.- Стимулы. Разработка представительского сайта приведет к повышению качества обслуживания населения, что, в свою очередь, приведет к повышению доверия к органам власти и власти в целом, повышения производительности труда работников муниципального учреждения, повышению качества работы сотрудников за счет создания обратной связи с населением, экономию фонда заработной платы за счет сокращения количества государственных служащих.- Целевой рынок. Данный продукт нацелен на работников кадровой службы бюджетного учреждения, которые после ознакомления с регламентом бюджетной организации, требованиям к работникам, данными по аттестации и переаттестации после регистрации получает статус зарегистрированного пользователя и доступ у внутренним представление информационных услуг для работников кадровой службы, а так же предоставления информации по работе кадровой службы и разрешенной информации по кадрам бюджетного учреждения с контактной информацией графиком приема и другими нормативными общедоступным сведениями. Положительный эффект от использования сайта планируется как непосредственно, через повышение уровня и профессиональных качеств работников муниципального учреждения, так и опосредственно в долгосрочной перспективе, как средства повышающего эффективность кадровой службы и подготовки кадров. - Сценарии использования и проблемы. Данный продукт рассчитан на повышения качества подачи заявок в кадровую службу, что позволит повысить скорость обработки и регистрации заявки населения, повысит качество представления проблемы, что приведет к повышению качества решения проблемы.- Обзор конкурентов. Существует множество решений данной задачи, но они носят универсальный характер и не учитывают специфику организации службы технической поддержки данного предприятия. Преимущество данной программы в том, что она рассчитана именно с учетом организации кадровой службы муниципального бюджетного учреждения.Решение.- Обзор продукта. Данный продукт должен представлять собой некоторый веб-интерфейс для базы данных. Основная особенность данного интерфейса определяется формой представления вопросов, с помощью которой пользователь максимально четко определит возникшую проблему в соответствии с алгоритмом, заложенным в структуру формы. - Список возможностей. Система направлена на реализацию двух целей повысить качество информации, предоставляемой в службу технической информации, и уменьшить время обработки заявки.- Суть проекта. Возможности продукта. Регистрация заявок пользователей в службу технической поддержки.Вехи продукта. Разработка веб-формы средствами современных клиентских технологий и обеспечить ее разработку средствами серверных технологий.Требования к продукту.Профили пользователей. Стандартный профиль. Гражданин(ка), уровень доходов ниже среднего, с неполным средним образованием, возраст 50-65 лет, сайт должен иметь советские черты, но не выраженные явно с элементами унисекс. Слабое знание компьютера и компьютерных составляющих, знание нескольких операций при работе с орг. техникой, очень слабое знание сетевых технологий, хорошее знание узкого круга операций специализированных программ.4.1.2. Разработка структуры главной страницы сайта (карта, навигация, элементы).Первоначальная структура сайта.Для разработки первоначальной структуры сайта на этапе проектирования и выработки концепции сайта использовалась программа MindManagerPro, основная цель которой – разработка карт мозга, что и следует из названия программного продукта[3,4]. Карты мозга используются при проектировании концепции сайта в наиболее удобной для человеческого восприятия форме. Особенностью данной программы является, то, что она позволяет конвертировать карту мозга в форму веб интерфейса, выполняя роль программы для разработки прототипов сайта. Это дает возможность заказчику уже на самом начальном этапе проектирования видеть примерный вид будущего сайта.Рисунок 6. Проектирование структуру сайта в редактореРисунок 7.Код сайта в редакторе4.2. Разработка дизайна сайта (главная страница, внутренние блоки, виды навигации, элементы интерфейса)При разработке сайта должны быть использованы преимущественно светлые стили.Основные разделы сайта должны быть доступны с первой страницы.На первой странице не должно быть большого объема текстовой информации.В дизайне сайта не должны присутствовать:- мелькающие баннеры;- много сливающегося текста;- анимация.Сайт должен иметь разветвляющуюся систему навигации и предполагает три вида навигации.Горизонтальная навигация используется для основного меню и содержит ссылки на основные информационные разделы сайта и содержит следующие ссылки: О предприятии,НовостиАкционерамФорумКонтакты Техническая поддержкаВизуально может быть представлено в виде двух блоков в футере сайта или в виде горизонтальной линии, с расположением опций справа налево.Втрое меню предназначено для отображения видов продукции сайта и предоставляется в виде вертикального меню. Меню располагается в левом верхнем углу страницы.Третье меню – хлебные крошки, располагаются вверху основного блока.Блоки сайта не имеют границ. Сайт будет иметь два вида блоков, блоки слева и блоки для отображения информации (Рисунок 8).Рисунок 8. Фрагмент дизайна сайта4.3. Разработка структуры и дизайна сайта и его отдельных элементовДля разработки структуры и дизайна модуля учета использовалась программой для разработки прототипов сайта ArtisteerPro. На основе анализа требований была предложен следующий дизайн сайта (рисунок 9).Рисунок 9.Страница сайта в браузереЗАКЛЮЧЕНИЕВ результате выполнения данной работы были выполнены все задачи.В ходе выполнения курсового проекта была достигнута основная цель работы - разработан представительский сайт музыкальной студии.Для достижения поставленной цели были проведены исследования и анализ классификации сайтов и типов веб-ресурсов. Рассмотрены виды систем управления содержимым. В процессе выполнения теоретической части дипломного проекта было выполнено ряд заданий, в частности, особое внимание было уделено понятию дизайна и структуры веб-интерфейса. Для реализации практической части были изучены современные технологии разработки веб-интерфейсов. Прежде всего определено назначение, возможности, функциональность данного вида программного продукта. Было определено, что разработка веб-интерфейсов не отличается от разработки других видов программного обеспечения. Поэтому были рассмотрены проектирование, моделирование и прототипирование программных интерфейсов. Для качественной разработки необходимо было детально изучить технологии разработки интерфейсов. Веб-интерфейс позволяет реализовать назначение информационной системы.При разработке архитектуры сайта, он был разделен на две части: клиентскую и административную.Рассмотрены программное обеспечение используемое при исполнении работы.Для осуществления разработки сайта были использованы следующие Интернет-технологиидля создания сайта была выбрана HTML5+CSS3 технология и объектно-ориентированный язык JavaScript+jQuery;СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫТереза Нейл, Билл Скотт. Проектирование веб-интерфейсов = Designing Web Interfaces. М.: Символ-Плюс, 2010.352 c. Вендров А.М. CASE-технологии. Современные методы и средства проектирования информационных систем. М. : Финансы и статистика, 1998. 176 с.Калянов Г.Н. CASE. Структурный системный анализ (автоматизация и применение). М. : Лори, 1996. – 457с.ВайкАллен. JavaScript. Энциклопедия пользователя: Пер.з англ. К.: ТОВ "ТИД" ДС", 2001.- 480с.Вильямсон X. Универсальный Dynamic HTML. Библиотека программиста. СПб.: Питер, 2001. - 304 с.: рис.Бардзелл Д. MacromediaDreamweaverMX 2004 с ASP, ColdFusion и PHP. Из первых рук.М.: ЭКОМ, 2006. – 235c.Бурлаков М.Macromedia|Dreamweaver. СПб., БХВ-Петербург, 2004. – 688с.Кассер Д. Использование Macromedia| Dreamweaver. М., СПб., К.: Издательский дом «Вильямс», 2005. 720 с.Мак Т., Dreamweaver MX 2004. Шаг за шагом. Самоучитель. М.: ЭКОМ, 2006. 312с.Молер Дж.Dreamweaver MX 2004. Руководство Web-дизайнера. М.: ЭКСМО, 2005. 67с.Хестер Н. Создание Web-страниц в Dreamweaver. М.: НТ Пресс, 2005. – 104с. Фрейн Б. HTML5 иCSS3.Разработка сайтов для любых браузеров и устройств.СПб., Издательство «Питер», 2014. 304 с. Кристофер Шмитт. CSS. Рецепты программирования. 5-е изд. Пер. с англ. – М.: Издательство «Русская редакция», 2014, 672 с. ил.ПРИЛОЖЕНИЯ<!doctypehtml><html><head><metacharset="utf-8"><title>Документ без названия</title><style>.foot{width:80%;background-color:#F7F5CE;border:#98B9FC double 3px;margin:2px auto 2px auto;}.hed{width:80%;background-color:#F7F5CE;border:#98B9FC double 3px;margin:2px auto 2px auto;}.sec{width:80%;background-color:#CEEAF7;border:#98B9FC double 3px;margin:2px auto 2px auto;}.dv{background-color:#F7F5CE;border:#98B9FC double 3px;margin:3px;}a:link{text-decoration:none; background-color:#DAE9AF}a:hover{text-decoration:none; background-color:#DCCFCF}a:visited{text-decoration:none; background-color:#DAE9AF;color:#1D0CF4}a:active{text-decoration:none; background-color:#DAE9AF; color:#170133}</style><head> <title>Информация о дополнительном профессиональном образовании | Официальный сайт Городской Управы города Калуги</title></head><body > <header class="hed"><img src="img/logo.png" style ="float:left"><h1>Сайт кадровой службы муниципального учреждения</h1></header> <div id="content"><a id="main-content"></a><h2 class="element-invisible">Вы здесь</h2><div class="breadcrumb"><a href="/">Главная</a></div><h1 class="title" id="page-title">Информация о дополнительном профессиональном образовании </h1><div class="tabs"></div> <div class="content-middle"> <div class="region region-content"> <div id="block-text-resize-0" class="block block-text-resize"><div class="content"> <a href="javascript:;" class="changer" id="text_resize_decrease"><sup>-</sup>A</a> <a href="javascript:;" class="changer" id="text_resize_increase"><sup>+</sup>A</a><div id="text_resize_clear"></div></div> <!-- end block content --></div> <!-- end block --><div id="block-system-main" class="block block-system"><div class="content"> <div id="node-21384" class="node node-node-info clearfix" about="/%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D1%8F-%D0%BE%D1%82-%D0%BF%D0%BE%D0%B4%D1%80%D0%B0%D0%B7%D0%B4%D0%B5%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F/%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D1%8F-%D0%BE-%D0%B4%D0%BE%D0%BF%D0%BE%D0%BB%D0%BD%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE%D0%BC-%D0%BF%D1%80%D0%BE%D1%84%D0%B5%D1%81%D1%81%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%BC-%D0%BE%D0%B1%D1%80%D0%B0%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B8_436029465" typeof="sioc:Item foaf:Document"> <div class="meta submitted"> <div class="published">опубликовано: 17.12.2015 - 12:34</div><div class="published_1" style="position:relative; top:-5px;"> последнее изменение: 17.12.2015 - 12:39</div> </div> <div class="content clearfix"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>В соответствии с муниципальной программой муниципального образования «Город Калуга» «Развитие муниципальной службы в муниципальном образовании «Город Калуга», утвержденной постановлением Городской Управы города Калуги от 21.10.2013 № 328-п запланировано дополнительного профессиональное образование сотрудников:</p><table align="center" border="1" cellpadding="0" cellspacing="0" style="height: 20.0063px;"><thead><tr><th scope="col" style="width:366px;"><palign="center"><strong>НАИМЕНОВАНИЕ КОНТИНГЕНТА ОБУЧАЮЩИХСЯ</strong></p></th><th scope="col" style="width:272px;"><palign="center"><strong>ПОДЛЕЖИТ ОБУЧЕНИЮ В 2016 ГОДУ (КОЛИЧЕСТВО ЧЕЛОВЕК)</strong></p></th></tr></thead><tbody><tr><td style="width:366px;height:47px;"><p>Муниципальные служащие (повышение квалификации)</p></td><td style="width:272px;height:47px;"><p align="center">242</p></td></tr><tr><td style="width:366px;height:47px;"><p>Муниципальные служащие (иные виды дополнительного образования, семинары)</p></td><td style="width:272px;height:47px;"><p align="center">22</p></td></tr><tr><td style="width:366px;height:47px;"><p>Глава городского самоуправления, депутаты Городской Думы города Калуги</p></td><td style="width:272px;height:47px;"><p align="center">1</p></td></tr><tr><td style="width:366px;height:83px;"><p>Лица из кадрового резерва, являющиеся работниками муниципальных учреждений, органов Городской Управы города Калуги, не являющиеся муниципальными служащими</p></td><td style="width:272px;height:83px;"><p align="center">17</p></td></tr><tr><td style="width:366px;"><p>Итого</p></td><td style="width:272px;"><p align="center">282</p></td></tr></tbody></table><p> </p><p> </p><p align="center"><strong>Перечень направлений и тем обучения:</strong></p><p class="rtejustify"><span style="font-size: 13.0080003738403px; line-height: 1.538em;">1. Управление государственными и муниципальными закупками.</span></p><p>2. Политика государства в области противодействия коррупции.</p><p>3. Эффективная договорная работа: актуальные вопросы реформы ГК РФ и судебной практики.</p><p>4. Организационно-правовые основы деятельности органов местного самоуправления.</p><p>5. Формирование местных бюджетов.</p><p>6. Контрактная система в сфере закупок: применение Федерального закона от 05.04.2013 № 44-ФЗ.</p><p>7. Вопросы реализации государственной национальной политики.</p><p>8. Аудит закупок для государственных и муниципальных нужд.</p><p>9. Кассовое обслуживание исполнения бюджетов бюджетной системы РФ.</p><p>10. Сметное дело. Теория и практика.</p><p>11. Реформа земельного законодательства.</p><p>12. Бюджетная система, бюджетный процесс, участники бюджетного процесса.</p><p>13. Организация работы с обращениями граждан.</p><p>14. Промышленное и гражданское строительство зданий и сооружений.</p><p>15. Жилищное законодательство на современном этапе.</p><p>16. Современные методы организации социальной защиты населения. </p><p align="center"> </p><p> </p></div></div></div><div class="field field-name-field-info-download field-type-file field-label-above"><div class="field-label">Вложения:&nbsp;</div><div class="field-items"></div></div> </div></div></div> <!-- end block content --></div> <!-- end block --> </div> </div></div> <!-- end content --> <div style="clear:both"></div></div> <!-- end wrapper --> <div style="clear:both"></div><div id="advertis"></div><div style="clear:both"></div><div id="footer-wrapper"><div id="footer"> <div class="region region-footer"> <div id="block-block-6" class="block block-block"><div class="content"> <!-- Yandex.Metrika counter --><script type="text/javascript"><!--//--><![CDATA[// ><!-- (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter26230887 = new Ya.Metrika({ id:26230887, clickmap:true, trackLinks:true, accurateTrackBounce:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");//--><!]]></script><p></p><noscript><div><img src="https://mc.yandex.ru/watch/26230887" style="position:absolute; left:-9999px;" alt="" /></div><p></p></noscript><!-- /Yandex.Metrika counter --><script></script><script type="text/javascript"></script><table align="center" border="0" cellpadding="1" cellspacing="1" style=""><tbody style=""><tr style=""><td style="width: 353px;"><ahref="/files/Регламент заполнения официального сайта.doc" style="">Регламент заполнения официального сайта </a></td><td style="width: 2px;"> </td><td class="rteright" style=""><ahref="http://www.kaluga-gov.ru/%D0%BE%D0%BF%D1%80%D0%BE%D1%81/%D0%BE-%D1%81%D0%B0%D0%B9%D1%82%D0%B5-%D0%B3%D0%BE%D1%80%D0%BE%D0%B4%D1%81%D0%BA%D0%BE%D0%B9-%D1%83%D0%BF%D1%80%D0%B0%D0%B2%D1%8B-%D0%B3%D0%BE%D1%80%D0%BE%D0%B4%D0%B0-%D0%BA%D0%B0%D0%BB%D1%83%D0%B3%D0%B8_1145945580">Оцените текущую функциональность сайта</a></td></tr></tbody></table><p class="rtecenter" style="">Все сведения, опубликованные на этом сайте, могут использоваться любым законным способом.</p></div> <!-- end block content --></div> <!-- end block --> </div></div></div> <!-- end footer wrapper --><div style="clear:both"></div></div><footerclass="foot">Практическая часть курсовой работы</footer></body></html>

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

1. Тереза Нейл, Билл Скотт. Проектирование веб-интерфейсов = Designing Web Interfaces. М.: Символ-Плюс, 2010. 352 c. 2. Вендров А.М. CASE-технологии. Современные методы и средства проектирования информационных систем. М. : Финансы и статистика, 1998. 176 с. 3. Калянов Г.Н. CASE. Структурный системный анализ (автоматизация и применение). М. : Лори, 1996. – 457с. 4. ВайкАллен. JavaScript. Энциклопедия пользователя: Пер.з англ. К.: ТОВ "ТИД" ДС", 2001.- 480с. 5. Вильямсон X. Универсальный Dynamic HTML. Библиотека программиста. СПб.: Питер, 2001. - 304 с.: рис. 6. Бардзелл Д. Macromedia Dreamweaver MX 2004 с ASP, ColdFusion и PHP. Из первых рук.М.: ЭКОМ, 2006. – 235c. 7. Бурлаков М. Macromedia Dreamweaver. СПб., БХВ-Петербург, 2004. – 688с. 8. Кассер Д. Использование Macromedia Dreamweaver. М., СПб., К.: Издательский дом «Вильямс», 2005. 720 с. 9. Мак Т., Dreamweaver MX 2004. Шаг за шагом. Самоучитель. М.: ЭКОМ, 2006. 312с. 10. Молер Дж. Dreamweaver MX 2004. Руководство Web-дизайнера. М.: ЭКСМО, 2005. 67с. 11. Хестер Н. Создание Web-страниц в Dreamweaver. М.: НТ Пресс, 2005. – 104с. 12. Фрейн Б. HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств. СПб., Издательство «Питер», 2014. 304 с. 13. Кристофер Шмитт. CSS. Рецепты программирования. 5-е изд. Пер. с англ. – М.: Издательство «Русская редакция», 2014, 672 с. ил. список литературы
Пожалуйста, внимательно изучайте содержание и фрагменты работы. Деньги за приобретённые готовые работы по причине несоответствия данной работы вашим требованиям или её уникальности не возвращаются.
Сколько стоит
заказать работу?
1
Заполните заявку - это бесплатно и ни к чему вас не обязывает. Окончательное решение вы принимаете после ознакомления с условиями выполнения работы.
2
Менеджер оценивает работу и сообщает вам стоимость и сроки.
3
Вы вносите предоплату 25% и мы приступаем к работе.
4
Менеджер найдёт лучшего автора по вашей теме, проконтролирует выполнение работы и сделает всё, чтобы вы остались довольны.
5
Автор примет во внимание все ваши пожелания и требования вуза, оформит работу согласно ГОСТам, произведёт необходимые доработки БЕСПЛАТНО.
6
Контроль качества проверит работу на уникальность.
7
Готово! Осталось внести доплату и работу можно скачать в личном кабинете.
После нажатия кнопки "Узнать стоимость" вы будете перенаправлены на сайт нашего официального партнёра Zaochnik.com
© Рефератбанк, 2002 - 2017