Н.К. Федотов ВКР

Приложение 1. Техническое задание Техническое задание

1.Общие сведения

1.1 Наименование продукта

Разработка электронного учебника по графическому редактору Adobe

PhotoShop.

1.2 Основания для разработки

Основанием для написания технического задания является учебный план кафедры информатики на 6 семестр 2015г.

1.3 Нормативные документы

Настоящее Техническое задание разработано в соответствии с требованиями ГОСТ 34.602-89 «Информационная технология. Комплекс стандартов на автоматизированные системы. Техническое задание на создание автоматизированной системы». При развитии функциональности автоматизированной системы и доработке пользовательской документации Исполнитель должен руководствоваться требованиями следующих нормативных документов Госстандарта:

-ГОСТ Р 55751-2013 «Информационно-коммуникационные технологии в образовании. Электронные учебно-методические комплексы. Требования и характеристики».

-РД 50-34.698-90. Методические указания. Информационная технология.

Комплекс стандартов на автоматизированные системы.

Автоматизированные системы. Требования к содержанию документов.

1.4 Сроки исполнения работ

Начало разработки – 15 марта 2015г.

41

Окончание разработки – 1 июня 2015г.

2. Назначение и цели создания электронного учебника

2.1 Назначение учебника

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

Adobe PhotoShop.

Примерное содержание учебника:

Главная

Видео урок 1

Видео урок 2

Видео урок 3

Контакты

2.2 Цели и задачи.

2.2.1 Цели:

-разработать электронный учебник с видео уроками.

2.2.2Задачи:

-Создать план-график действий, в котором будут зафиксированы все этапы,

используемые ресурсы и сроки их выполнения;

-Изучить предметную область проекта посредством сбора и изучения необходимых теоретических материалов по разработке электронного учебника;

-Обзор существующих конкурентных систем;

-Изучить и провести анализ литературы по теме работы;

-Выбрать программы-инструменты для разработки электронного учебника;

42

-Разработка структуры электронного учебника;

-Разработка содержания по разделам и темам учебника;

-Реализация электронного учебника на компьютере;

-Провести анализ проделанной работы и написать выводы;

3.Требования к электронному учебнику

3.1. Требования к функциональным характеристикам

Разрабатываемый учебник должен обладать следующими функциями:

- Учебник должен нормально просматриваться и функционировать в наиболее распространенных браузерах: Internet Explorer, Google Chrome,

Opera, Firefox и на многих других браузерах.

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

3.2. Требования к работе.

Работа должна проводиться в соответствии с законодательством Российской Федерации, отвечать требованиям, предъявляемым к процессу обучения.

3.3. Требованию к оформлению и содержанию

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

Главы должны быть более короткими по сравнению с книжными.

Необходимо выделять ключевые слова, термины, имена.

В частности, необходимо помнить, что во всех случаев текстовой материал больших объемов желательно публиковать в обычных бумажных изданиях. На экране рекомендуется представлять минимум текстовой информации.

43

4. Содержание работ

5. Порядок контроля и приёмки

Испытание представленного электронного учебника и контроль качества её работы провести на компьютере , имеющего доступ в интернет.

Во время испытаний проверить работу программного продукта по следующим позициям:

-Запуск электронного учебника

-Просмотр учебного курса с клиентского рабочего места.

-Завершение сеанса.

6. Значимость работы

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

44

7. Источники разработки

1.ГОСТ 24.103-84 «Автоматизированные системы. Основные положения».

2.ГОСТ 24.104-85 «Автоматизированные системы. Общие требования».

3.ГОСТ 34.201-89 «Информационная технология. Комплекс стандартов на автоматизированные системы. Виды, комплектность и обозначения документов при создании автоматизированных систем».

4.ГОСТ 34.601-90 «Автоматизированные системы. Стадии создания».

5.ГОСТ 34.602-89 «Комплекс стандартов на автоматизированные системы. Техническое задание на создание автоматизированной системы».

6.Давлеткиреева Л.З., Скокова И.К. Инновационные информационно-

педагогические технологии в образовании: опыт проведения ежегодной одноименной Интернет-конференции-конкурса // Современные информационные технологии и ИТ-образование [Текст] / Сборник избранных трудов IX Международной научно-практической конференции.

Под ред. проф. В.А. Сухомлина. - М.: ИНТУИТ.РУ, 2014. – 957 с. – С. 573575 –978-5-9556-0165-6.

7.Давлеткиреева Л.З., Сухомлин В.А. Обзор трудов III Международной Интернет-конференции «Инновационные информационно-педагогические технологии в системе IT-образования –2013» // Современные информационные технологии и ИТ-образование [Текст] / Сборник избранных трудов VIII Международной научно-практической конференции.

Под ред. проф. В.А. Сухомлина. - М.: ИНТУИТ.РУ, 2013. – 829 с. – ISBN 978-5-9556-0155-7

8.РД 50-34.698-90 «Автоматизированные системы. Требования к содержанию документов».

45

Приложение 2. Код шаблона

<?php

/**

*@package WordPress

*@subpackage Default_Theme */

get_header(); ?>

<div id="content" class="narrowcolumn" role="main">

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<div <?php post_class() ?> id="post-<?php the_ID(); ?>"> <div class="post_date">

<span class="day"><?php the_time('d') ?></span><br /> <span class="month"><?php the_time('M') ?></span><br /> <span class="year"><?php the_time('Y') ?></span>

</div>

<div class="post_content">

<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Постоянная ссылка: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

<div class="comm"><?php comments_popup_link('Ваш отзыв', '1

отзыв', 'Отзывов (%)'); ?></div>

<div class="entry">

<?php the_content('Читать полностью »'); ?> </div>

<p class="postmetadata"><?php the_tags('Метки: ', ', ', '<br />'); ?> Рубрика: <?php the_category(', ') ?>

</p>

<div class="read_more"><a href="<?php the_permalink() ?>" rel="bookmark" title="Постоянная ссылка: <?php the_title_attribute(); ?>">далее</a></div>

</div>

46

</div>

<?php endwhile; ?>

<?php if(function_exists('wp_pagenavi')) { ?> <div class="new_pagination">

<?php wp_pagenavi(); ?>

</div>

<?php

}

else { ?>

<div class="navigation">

<div class="alignleft"><?php next_posts_link('« Предыдущая страница') ?></div> <div class="alignright"><?php previous_posts_link('Следующая страница »') ?></div> </div>

<?php } ?>

<?php else : ?>

<h2 class="center">Не найдено</h2>

<p class="center">К сожалению, по вашему запросу ничего не найдено.</p>

<?php get_search_form(); ?>

<?php endif; ?>

</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

47

Приложение 3. Таблица стилей

/* Begin Typography & Colors */ html{

background:url(images/html_bg.jpg) repeat;

}

body { font-size:12px;

font-family:Georgia, "Times New Roman", Times, serif; background:url(images/top_bg.jpg) no-repeat center top; color: #825a2d;

padding:0px;

margin:0px auto auto auto;

}

padding:0px;

margin:0;

}

h2 { margin:0; padding:0px;

color:#825a2d;

}

h2.pagetitle { margin:0px; text-align: left; font-size:20px; color:#FDB032;

padding:0 0 20px 90px;

}

h3 { padding: 0; margin:0px;

}

h3#comments { padding: 0; clear:both;

48

margin:20px 0 30px 0px ; padding:0 0 5px 0; border-bottom:1px #EFE7D1 solid;

}

/* End Headers */

a{ text-decoration:none; color:#CF880C;

}

a:hover { color: #876431;

text-decoration: underline;

}

small {

font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em;

line-height: 1.5em;

}

.read_more{ width:97px; height:33px; float:right; line-height:43px; padding:0 0 0 7px;

background:url(images/pencil_bg.gif) no-repeat center;

}

.read_more a{ text-decoration:none;

}

#main_container{ width:960px; margin:auto;

}

#header { height:176px;

49

}

.logo{

padding:55px 0 0 20px;

}

.center_content{ width:960px; height:auto;

background:url(images/content_center.gif) repeat-y center;

}

.center_content_top{ width:960px; height:auto;

background:url(images/content_top.jpg) no-repeat center top;

}

.center_content_bottom{ width:960px; height:auto;

background:url(images/content_bottom.jpg) no-repeat center bottom;

}

#content { padding:30px 0 30px 0;

}

#content-page { width:600px; float:left;

padding:30px 0 30px 50px; clear:both;

}

.narrowcolumn { float:left;

padding:10px 0 20px 0px; margin: 0px 0 0; width:660px;

clear:both;

}

/*-----------------Begin Sidebar---------------------*/ #sidebar

50