Материал: Разработка Web-приложения для создания презентаций

Разработанные макеты описываются на языке разметки HTML и оформляются с помощью CSS согласно спецификациям данных инструментов [46, 45]. Процесс описания макетов в виде языка разметки называется версткой.

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

Верстка, при которой размеры элементов изменяются в зависимости от размеров окна браузера, называется адаптивной. Такой вид верстки позволяет сделать веб-интерфейс более гибким и эффективнее использовать доступное пространство экрана [22].

Особенностью реализации адаптивной верстки в CSS является указание размера ширины элементов в процентах от общей ширины родительского элемента или ширины экрана как представлено на рисунке Е.1 из приложения Е.

Другая особенность верстки шаблонов связана с системой шаблонов Django. Документация указывает на то, что шаблонизатор поддерживает наследование и расширение шаблонов, что позволяет более эффективно описывать их, вынося общий код в базовый шаблон [35].

Рисунки Е.2 и Е.3 из приложения Е показывают процесс наследования шаблона: на основе базового шаблона base.html создается наследник, в котором переопределен код внутри {% block body %}. Весь остальной код заменен строкой «extends "base.html"», которая указывает на то, что в основе данного шаблона лежит код из файла base.html. Таким образом, система шаблонизации Django позволяет вынести общий код шаблонов в отдельный файл, что позволяет сократить время на отладку шаблонов страниц.

Следует заметить, что синтаксис шаблонизатора достаточно прост и, как видно из приведённых рисунков, блоки обозначаются знаками {% и %}, а переменные и объекты - {{ и }} (в данном случае в шаблон название и текст страницы из таблицы в базе данных, описанной в п. 2.3 данной работы).

Помимо приведенных операций система шаблонов поддерживает различные типы блоков - циклы и управляющие структуры, а так же всевозможные способы форматирования передаваемых в переменные данных.

2.5 Написание серверной логики

Серверная логика в контексте разработки с Django - это правила формирования страниц и обработки URL. Основную часть логики составляют регулярные выражения, которые описывают URL и функции, которые вызываются при совпадении запрошенного адреса с описанным регулярным выражением. Функции, в свою очередь, возвращают веб-страницы.

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

Предположим, что страницы будут располагаться по адресу «#"867288.files/image004.gif">

Стоимость электроэнергии (Se), затраченной оборудованием за время работы над проектом рассчитывается по формуле:

Se = Рк * SкВт * Т, (2)

Где

Рк - мощность, потребляемая ноутбуком (0,1 кВт);

SкВт - цена за 1 кВт/час, установленная для предприятия (5 Рублей);

Т - время использования ПК при разработке программного обеспечения.

Se =0,1 * 5 * 304 = 152 руб.

В результате вышеприведённых вычислений затраты на содержание и эксплуатацию оборудования составляют:

S = Sa + Se = 895,49 + 152 = 1047,49 руб.

3.1.4 Определение величины прочих прямых расходов

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

3.1.5 Расчет полной себестоимости и цены договора на разработку ПО

Совокупные затраты на разработку ПО на основе проведенных расчетов:

, (3)

Где:

Зписп. - величина заработной платы,

Змат. - затраты на материалы,

Аотч. - амортизационные отчисления,

Таблица 4- Калькуляция себестоимости проекта и его цены

3.2 Расчет экономического эффекта и экономической эффективности разработки и применения Web-приложения

.2.1 Расчет экономического эффекта и экономической эффективности разработки Web-приложения

В качестве экономического результата деятельности, связанной с выполнением договорных обязательств по разработке ПО выступает выручка организации-разработчика.

, (4)

где П - прибыль исполнителя,

В - размер выручки,

Спр - полная себестоимость проекта,

Цф - цена договора.

 руб.

Рентабельность - относительная прибыль разработки, определяемая в процентах к затратам на использование проекта.

, (5)

Где,

П - прибыль исполнителя,

Спр - полная себестоимость проекта.

%

3.3 Сводная характеристика эффективности разработки и применения Web-приложения

Таблица 5 - Результаты расчета экономического эффекта и экономической эффективности разработки и применения Web-приложения

В результате расчетов была получено общая себестоимость разработки (затраты на заработную плату рабочим, основные и вспомогательные материалы), учтена амортизация оборудования, рассчитана экономическая эффективность, которая составила 5883 рублей 86 копеек, так же была рассчитана рентабельность. Для данной разработки рентабельность составила 29 %, что является хорошим показателем.

Глава 4. Требования к технике безопасности

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

4.1 Требования к интерфейсу пользователя

Требования к интерфейсу пользователя включают в себя принципы создания эргономичного интерфейса и анализ соответствия требованиям разработанного интерфейса им.

4.1.1 Принципы создания эргономичного интерфейса пользователя

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

-       отказом от избыточных функций,

-       структуризацией и упрощением структуры сайта,

-       сокращением числа и видов элементов управления и информации, содержащейся на страницах сайта до минимально необходимых,

-       выбором цветовой схемы приемлемой контрастности.

4.1.2 Анализ соответствия требованиям разработанного интерфейса пользователя

Как видно на рисунке А.1 из приложения А, на страницах отсутствуют избыточные функции и органы управления, все элементы оформлены и сгруппированы согласно их логическому назначению. Полученный интерфейс можно назвать логичным, интуитивно-понятным, простым и удобным для пользователя.

Цветовая схема сайта яркая, но приемлемой контрастности.

4.2 Требования к помещениям для работы с ПЭВМ

Санитарные нормы и правила определяют следующие нормы и требования к помещениям для работы с ПЭВМ [1]:

-       Помещения для эксплуатации ПЭВМ должны иметь естественное и искусственное освещение.

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

-       Площадь на одно рабочее место пользователей ПЭВМ с ВДТ на базе электроннолучевой трубки (ЭЛТ) должна составлять не менее 6 м2, в помещениях культурно-развлекательных учреждений и с ВДТ на базе плоских дискретных экранов (жидкокристаллические, плазменные) - 4,5 м2.

-       Полимерные материалы используются для внутренней отделки интерьера помещений с ПЭВМ при наличии санитарно-эпидемиологического заключения.

-       Помещения, где размещаются рабочие места с ПЭВМ, должны быть оборудованы занулением в соответствии с техническими требованиями по эксплуатации.

-       Не следует размещать рабочие места с ПЭВМ вблизи силовых кабелей и вводов, высоковольтных трансформаторов, технологического оборудования, создающего помехи в работе ПЭВМ.

4.3 Анализ соответствия помещения требованиям к помещениям для работы с ПЭВМ

Результат анализа помещения говорит о соответствии помещения условиям не полностью:

-       Помещение имеет естественное и искусственное освещение

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

-       Площадь на одно рабочее место пользователей ПЭВМ с ВДТ на базе жидкокристаллического экрана составляет 4,5×3 = 13,5 м2, что значительно больше требований в 4,5 м2.

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

-       Полимерные материалы для внутренней отделки интерьера помещения не используются.

-       Помещение оборудованы занулением, встроенным в сеть электропитания.

-       Вблизи с ПЭВМ отсутствуют силовые кабели и вводы, высоковольтные трансформаторы и технологическое оборудование, создающее помехи в работе ПЭВМ.

4.4 Требования к микроклимату, содержанию аэроионов и вредных химических веществ в воздухе на рабочих местах, оборудованных ПЭВМ

Санитарные нормы и правила определяют следующие нормы и требования к микроклимату, содержанию аэроионов и вредных химических веществ в воздухе на рабочих местах, оборудованных ПЭВМ [1]:

-       В производственных помещениях, в которых работа с использованием ПЭВМ является основной и связана с нервно-эмоциональным напряжением, должны обеспечиваться оптимальные параметры микроклимата для категории работ 1а и 1б (см. приложение В).

-       В помещениях, оборудованных ПЭВМ, проводится ежедневная влажная уборка и систематическое проветривание после каждого часа работы на ПЭВМ.

-       Уровни положительных и отрицательных аэроионов в воздухе помещений, где расположены ПЭВМ, должны соответствовать действующим санитарно-эпидемиологическим нормативам (см. приложение Г).

-       Содержание вредных химических веществ в производственных помещениях, в которых работа с использованием ПЭВМ является основной, не должно превышать предельно допустимых концентраций загрязняющих веществ в атмосферном воздухе населенных мест в соответствии с действующими гигиеническими нормативами.

4.5 Анализ соответствия помещения требованиям к микроклимату, содержанию аэроионов и вредных химических веществ в воздухе на рабочих местах, оборудованных ПЭВМ

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

4.6 Требования к уровням шума и вибрации на рабочих местах, оборудованных ПЭВМ