Глава 2 Практическая реализация задачи создания Web -сайта средствами языка разметки гипертекста html и JavaScript

1.2 Постановка задачи

Практика проходила на базе БГОУ СПО «Чапаевский губернский колледж». Образовательные программы начального и среднего специального образования поддерживают тесную связь в плане создания студентами–практикантами программных средств учебного назначения. Одной из основных задач в гимназии является внедрение ИКТ в образовательный процесс. Для реализации этой задачи учителя–предметники делают заказ студентам специальности Программное обеспечение вычислительной техники и автоматизированных систем на образовательные электронные программные продукты. Так, от учителя истории было получено задание оказать помощь десятиклассникам в разработке сайта «Германия».

Web-сайт можно создать несколькими способами:

— с помощью языков программирования, языка разметок гипертекста HTML, Dreamweaver и др. Данный способ применяется для создания Web-сайтов;

— с помощью прикладной среды, например Dreamweaver. С его помощью можно создавать Web-сайт, требующие каких-то индивидуальных особенностей построения;

В качестве инструментального средства разработки Web-сайта выбрана язык разметок гипертекста HTML.

2.2 Описание основных элементов интерфейся Web - сайта

При запуске файла «Сайт Германия.html» вы попадаете на главную страницу сайта, для наиболее удобной навигации по Web - сайту предусмотрено сразу несколько типов меню:

1. Вертикальное меню (Рисунок 1)

Рисунок 1 Вертикальное меню

В этом меню расположены вкладки и переходы на все темы и подтемы данного сайта.

На вкладке География Германии можно узнать местоположение, площадь, границы, побережье, соседние с ней государства (Рисунок 2).

Рисунок 2 География Германии

Вкладка Население Германии содержит всю информацию о населении, численность, рождаемость, плотность и т.д. (Рисунок 3).

Рисунок 3 Население Германии

Вкладка Экономика Германии включает в себя четыре подпункта: «Макроэкономическая модель развития Германии», «Промышленность», «Сельское хозяйство» и «Инфраструктурные отрасли» (Рисунок 4).

Рисунок 4 Экономика Географии

.Для быстроты и удобства навигации по сайту предназначены кнопки «Назад», «На главную» (Рисунок 5).

Рисунок 5 Кнопки перехода

Кроме того, на главной странице в горизонтальном меню размещены государственные символы страны– Флаг, Герб и Гимн (Рисунок 6)

Рисунок 6 Горизонтальное меню

Глава 3 Расчет экономической эффективности проекта

3.1 Расчет затрат на осуществление проекта

Затраты, образующие себестоимость продукции (работ, услуг), группируются в соответствии с их экономическим содержанием по следующим элементам:

• нематериальные активы и затраты на оборудование (за вычетом стоимости возвратных отходов);

• затраты на оплату труда;

• амортизация основных фондов;

• прочие затраты.

3.1.1 Расчет нематериальных активов и затрат на оборудование

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

где - балансовая цена i-ого вида оборудования;

α_i норма годовых амортизационных отчислений для оборудования i-го вида;

Fд – действительный годовой фонд времени;

t_i – время использования i-ого вида оборудования при выполнении данной разработки.

Результаты расчетов приведены в таблице 1.

Таблица 1 Затраты на оборудование

Наименование	Единица измерения	Количество	Цена за единицу (январь 2012), руб	Сумма, руб
ПЭВМ	шт	1	18000	18000
Windows XP SP 3	шт	1	4.500	4.500
Adobe Photoshop CS 3	шт	1	7000	7000

Годовой фонд рабочего времени на ПЭВМ (5-ти дневная неделя, 8-и часовой рабочий день) – 2085ч.

Время использования оборудования – 150ч. (разработка дипломного проекта – 30.03.12 -3.05.12 – 5 недель, по 5 рабочих 6-часовых дней). Затраты на оборудование (ПЭВМ) Соо₁ = 281 руб. Затраты на ПО Соо₂ = 209 руб. Тогда суммарные затраты на оборудование и нематериальные активы составят

Соо = 490 руб.