ПЗ (1228299), страница 6
Текст из файла (страница 6)
<div class="container_24 clearfix">
<div class="grid_24">
<div class="wrapper">
<div id="footer-widget-area">
<div class="grid_3 suffix_1 alpha">
<?php if ( ! dynamic_sidebar( 'Footer Area 1' ) ) : ?>
<!--Widgetized Footer-->
<?php endif ?>
</div>
<div class="grid_5 suffix_1">
<?php if ( ! dynamic_sidebar( 'Footer Area 2' ) ) : ?>
<!--Widgetized Footer-->
<?php endif ?>
</div>
<div class="grid_4 suffix_1">
<?php if ( ! dynamic_sidebar( 'Footer Area 3' ) ) : ?>
<!--Widgetized Footer-->
<?php endif ?>
</div>
<div class="grid_8 suffix_1 omega">
<?php if ( ! dynamic_sidebar( 'Footer Area 4' ) ) : ?>
<!--Widgetized Footer-->
<?php endif ?>
</div>
</div>
<div id="footer-info">
<?php if ( of_get_option('footer_menu') == 'true') {?>
<nav class="footer">
<?php wp_nav_menu( array( 'container'=> 'ul', 'menu_class => 'footer-nav','depth' => 0,'theme_location' => 'footer_menu' )); ?>
</nav> <?php } ?> <?php $myfooter_text = of_get_option('footer_text'); ?>
<?php if($myfooter_text){?>
<?php echo of_get_option('footer_text'); ?>
<?php } else { ?>
<p>Сайт разработан <a href="mailto: spaunshadie@mail.ru">Артемом Телегиным</a> в 2015 г.</p>
<?php } ?>
</div>
</div>
</div>
</div><!--.container--> </footer>
Данный код подключает в подвал сайта виджеты, который будут выводится в четырех разных зонах подвала. Сюда входят «Архивы», «Недавние записи», «Социальные сети» и «Меню». Данные виджеты не требовали изменений в коде кроме локализации на русский язык, за исключением виджета «Социальные сети».
В данном виджете не была реализована поддержка крупнейшей русской социальной сети VK, поэтому код данного виджета был отредактирован в соответствии с требованиями заказчика. Отредактированный код виджета my-social-widget.php представлен в приложении Б.
В ходе редактирования был добавлен код, отображающий строку добавления ссылки на социальную сеть VK в поле виджета. Также была создана и добавлена иконка данной социальной сети в соответствии со стилем web-портала. Результат редактирования виджета представлен на рисунке 3.8.
Рисунок 3.8 – Виджет «Социальные сети»
Также в web-портале была реализована функция поиска по сайту. Форма поиска находится в шапке сайта, отображается на любой странице портала и позволяет пользователю найти интересующую его информацию по ключевым словам. Код формы поиска searchform.php представлен ниже.
<form method="get" id="searchform" action="<?php bloginfo('home'); ?>">
<input type="text" class="searching" value="<?php the_search_query(); ?>" name="s" id="s" /><input class="submit" type="submit" value="Поиск" />
</form>
Код страницы с результатами поиска search.php представлен ниже.
<?php get_header(); ?>
<div id="content" class="grid_18 alpha <?php echo of_get_option('blog_sidebar_pos') ?>">
<h1><i>Поиск: "<?php the_search_query(); ?>"</i></h1>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<h3><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a></h3>
<div class="post-info">
<div class="post-thumbnail"><a href="<?php the_permalink() ?>"><?php the_post_thumbnail(); ?></a></div>
<i class="post-date"><a href="<?php the_permalink() ?>"><?php the_time('m-d-Y') ?></a></i>
<div class="excerpt"><?php $excerpt = get_the_excerpt(); echo my_string_limit_words($excerpt,30);?></div>
</div>
<div class="link"><a href="<?php the_permalink() ?>">Подробнее</a></div>
</article>
<?php endwhile; else: ?>
<div class="no-results">
<h2>Нет результатов</h2>
<p>Пожалуйста, попробуйте снова!</p>
<?php get_search_form(); ?> <!-- outputs the default Wordpress search form-->
</div><!--noResults-->
<?php endif; ?>
<?php if ( $wp_query->max_num_pages > 1 ) : ?>
<nav class="oldernewer">
<div class="older">
<?php next_posts_link('« Старые записи') ?>
</div><!--.older-->
<div class="newer">
<?php previous_posts_link('Свежие записи »') ?>
</div><!--.newer-->
</nav><!--.oldernewer-->
<?php endif; ?>
</div><!-- #content -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
В рамках данного пункта была осуществлена программная реализация проекта web-портала. В следующем пункте содержится информация о взаимодействии web-портала с пользователем.
-
Взаимодействие с пользователем
Взаимодействие web-портала бизнес-инкубатора с пользователем начинается с момента, когда пользователь заходит на сайте. Сценарий поведения пользователя может быть различный, но он сводится к общим действиям:
-
просмотр информации о бизнес-инкубаторе;
-
просмотр существующих проектов и партнеров;
-
просмотр записей и новостей;
-
регистрация на web-портале.
Диаграмма взаимодействия с пользователем представлена на рисунке 3.9.
Рисунок 3.9 – Диаграмма вариантов
использования web-портала пользователем
В свою очередь, редакторы и администраторы web-портала имеют возможность изменять и добавлять новые записи, а также добавлять партнеров и проектов. Перед редакторами стоят следующие задачи:
-
контролировать своевременное обновление блока новостей;
-
публиковать новые актуальные статьи;
-
редактировать блоки «Проекты» и «Партнеры».
Диаграмма вариантов использования для редактора web-портала представлена на рисунке 3.10.
Рисунок 3.10 – Диаграмма вариантов использования для
редактора web-портала
Как видно из диаграмм, взаимодействие с пользователем происходит посредством web-портала бизнес-инкубатора.
-
ТЕХНИКО-ЭКОНОМИЧЕСКОЕ ОБОСНОВАНИЕ
ИСПОЛЬЗОВАНИЯ CMS WORDPRESS В РАЗРАБОТКЕ
WEB-ПОРТАЛА
В данном разделе представлено технико-экономическое обоснование разработки web-портала Малого инновационного предприятия «Современные технологии проектирования».
-
Обоснование целесообразности разработки проекта
Согласно политике правительства Российской Федерации, одним из стратегических направлений развития нашей страны является повышение информационного потенциала и активности населения. Одним из инструментов реализации данной задачи являются бизнес-инкубаторы. Бизнес-инкубатор на базе Дальневосточного Государственного Университета Путей Сообщения существует уже 10 лет, и в рамках данной организации было запущено Малое инновационное предприятие «Современные технологии проектирования». Как и всем коммерческим предприятиям, данной организации необходимо свое представительство в сети Интернет, которое позволит представлять интересы организации широкой общественности.
На данный момент рынок интернет-технологий предлагает множество решения для создания web-портала. Можно воспользоваться как платными CMS, так и бесплатными аналогами, которые, тем не менее, не уступают платным в функционале, а где-то даже превосходят.
Web-портал «Современные технологии проектирования» был создан с помощью бесплатного CMS WordPress, который зарекомендовал себя на рынке как эффективный инструмент решения задач, связанных с разработкой web-порталов. Созданный web-портал призван увеличить сферу влияния Малого инновационного предприятия «Современные технологии проектирования», помочь найти новых инвесторов и партнеров, а также увеличить масштаб деятельности, найти новых клиентов.
Пользователи данного web-портала смогут ознакомиться с деятельностью предприятия, с его целями и задачами. Также потенциальные инвесторы смогут при помощи данного web-портала связаться с руководителями проекта. Создание данного web-портала призвано значительно облегчить взаимодействие руководства бизнес-инкубатора со своей аудиторией.
-
Планирование комплекса работ по разработке web-портала и
оценка трудоемкости
Для разработки было задействовано два человека: руководитель проекта и исполнитель (инженер-программист).
Руководитель выполняет постановку задачи, курирует ход работ и дает необходимые консультации при разработке системы. Исполнитель отвечает за проектирование информационного обеспечения, разработку структур баз данных, реализацию вычислительных алгоритмов в виде завершенного продукта, разработку интерфейсных блоков и отладку web-портала.
Процессы жизненного цикла программных средств, устанавливающих стадии разработки программных продуктов, приведены в таблице 4.1.
Таблица 4.1 – Комплекс работ по разработке проекта
Содержание работ | Исполнители | Длительность, дни | Загрузка | |
дни | % | |||
1. Подготовка процесса разработки и анализ требований | ||||
Исследование и обоснование разработки | ||||
Постановка задачи | Программист | 1 | 1 | 100 |
Сбор исходных данных | Программист | 1 | 1 | 100 |
Анализ существующих методов решения задачи и программных средств | Программист | 2 | 2 | 100 |
Обоснование принципиальной необходимости разработки | Программист | 1 | 1 | 100 |
Определение и анализ требований к проекту | Программист | 2 | 2 | 100 |
Выбор технических и программных средств реализации | Программист | 1 | 1 | 100 |
Согласование и утверждение технического задания | Программист | 1 | 1 | 100 |
Итого по этапу 1 | Программист | 9 | 9 | 100 |
Продолжение таблицы 4.1
Содержание работ | Исполнители | Длительность, дни | Загрузка | |
дни | % | |||
2. Проектирование | ||||
Проектирование Архитектуры web-портала | Программист | 2 | 3 | 100 |
Техническое проектирование компонентов web-портала | Программист | 2 | 2 | 100 |
Итого по этапу 2 | Программист | 4 | 4 | 100 |
Программирование и тестирование web-портала | ||||
Настройка и конфигурация CMS | Программист | 2 | 1 | 100 |
Анализ и установка функциональных модулей | Программист | 1 | 1 | 100 |
Создание web-портала | Программист | 4 | 4 | 100 |
Итого по этапу 3 | Программист | 7 | 7 | 100 |
Оформление рабочей документации | ||||
Проведение экономических расчетов | Программист | 2 | 2 | 100 |
Оформление пояснительной записки | Программист | 4 | 4 | 100 |
Итого по проекту | Программист | 24 | 24 | 100 |
-
Расчет затрат на разработку проекта
Капитальные вложения, связанные с автоматизацией обработки информации, рассчитываются по формуле