Разработка сайта олимпиады для школьников для по заказу ГБОУ СПО СО ЕЭТК с системой управления содержимым

Автор работы: Пользователь скрыл имя, 26 Октября 2015 в 20:27, курсовая работа

Описание работы

Цель проекта: разработать информационный сайт олимпиады по информатике для школьников для по заказу ГБОУ СПО СО ЕЭТК с системой управления содержимым.
Задачи:
рассмотрение выбранной CMS в общих чертах;
регистрирование хостинга и доменного адреса;
установка CMS WordPress;
рассмотрение средств администрирования в CMS;
установка и настройка шаблона в CMS;

Файлы: 1 файл

Primer_PZ_PI_SAJTY.doc

— 5.77 Мб (Скачать файл)

Рисунок 16 – Окно настройки DNS и IP адресов сайта

 

Теперь нужно указать доменный адрес на хостинге. Переходим с сайта хостинга: Биллинговая панель  > Хостинг  > Управление > Домен. Вписываем в первое поле (основной домен или…) доменной адрес (остальные поля заполняются автоматически), и нажимаем кнопу “Добавить домен сайта”, рисунок 17.

Рисунок 17 – Страница домены панели управления хостингом

 

3.2 Установка CMS WordPress на хостинг

 

Первым делом создаём FTP – аккаунт и MySQL базу данных хостинга. Заходим в панель управления хостингом и переходим на страницу “FTP-аккаунты”, рисунок 18. Вводим имя пользователя и пароль, нажимаем кнопку “Добавить FTP-аккаунт”. После переходим на страницу “База данных” и делаем аналогичные действия.

Рисунок 18 – Страница FTP-аккаунты панели управления хостингом

Далее скачиваем сам движок WP. Заходим на русский официальный сайт “WordPress” (адрес сайта  http://ru.wordpress.org/) и нажимаем “Скачать WordPress3.9.1.zip – 6.5 МБ”, рисунок 19. Распаковываем скаченный архив.

Рисунок 19 – Главная страница сайта WordPress.org

 

Далее заходим в распакованную папку WP и переименовываем файл wp-config-sample.php в wp-config.php. С помощью текстового редактора заходим в файл wp-config.php и вводим свои данные (Имя базы данных для WP, имя пользователя MySQL, пароль к базе данных MySQL). Далее переходим по ссылки https://api.wordpress.org/secret-key/1.1/salt, копируем все сгенерированные ключи и заменяем соответствующие строки. Сохраняем файл, рисунок 20.

Рисунок 20 – Текст файла wp-config.php

Далее с помощью ftp-клиента (в данном случае “FileZilla”) закачиваем движок на хостинг. Нажимаем новый сайт и кнопку открыть менеджер файлов. Вводим данные ftp подключения и нажимаем подключиться. Далее содержимое скаченной папки WP, копируем на хостинг, рисунок 21.

Рисунок 21 – Окно менеджера свойств, в программе FileZilla

 

Теперь заходим на сайт по адресу oliminform-eetk.ru и заполняем форму (название сайта, имя пользователя, пароль и email), нажимаем установить WordPress, рисунок 22.

Рисунок 22 – Страница регистрации WordPress

3.3 Установка и настройка шаблона WordPress

 

Для начала нужно найти и скачать в интернете (в данном случае на сайте wp-templates.ru) подходящий шаблон, рисунок 23.

Рисунок 23 – Сайт шаблонов wp-templates.ru для Wordpress

 

Далее заходим в панель управления wordpress (для этого нужно зайти по адресу oliminform-eetk.ru/wp-admin и авторизоваться), рисунок 24.

Рисунок 24 – Панель управления wordpress

В меню переходим на “Внешний вид” и переходим на вкладку “Темы”, нажимаем кнопку “Добавить новую”, рисунок 25.

Рисунок 25 – Вкладка “Темы”, панели управления wordpress

 

Далее нажимаем на кнопку “Загрузить тему” и выбираем с компьютера скаченный архив шаблона, нажимаем кнопку установить, выбираем установленную тему, рисунок 26.

Рисунок 26 – страница загрузки темы в панели управления wordpress

Далее во вкладке “Виджеты” убираем из бокового меню ненужные виджеты, рисунок 27.

Рисунок 27 – Вкладка “Виджеты” в панели управления wordpress

 

В меню переходим на “Страницы” и создаём страницы сайта (Олимпиада по информатике, Заявка, Задания, Итоги и победители, Галерея, Медиа и контакты), для этого  нажимаем кнопку “Добавить новую”, рисунок 28.

Рисунок 28 – Вкладка “Все страницы” в панели управления wordpress

 

Далее в меню переходим на “Настройки” и переходим на вкладку “Чтение”. Выбираем тип главной страницы, как статическая и выбираем страницу “Олимпиада по информатике”, рисунок 29. Сохраняем изменения.

Рисунок 29 – Вкладка “Чтение” в панели управления wordpress

 

Далее во вкладке “Обсуждения” убираем все настройки, позволяющие оставлять комментарии, рисунок 30.

Рисунок 30 – Вкладка “Обсуждение” в панели управления wordpress

3.4 Установка и настройка плагинов WordPress

 

Для начала нужно скачать с официального сайта, нужные плагины (Contact Form 7, Photo Gallery, WP-Table Reloaded и тд), рисунок 31.

Рисунок 31 – Страница плагинов сайта WordPress.org

 

В меню переходим на “Плагины” и переходим на вкладку “Добавить новый”, нажимаем “Загрузить”, рисунок 32

 

Рисунок 32 – Вкладка “Добавить новый” в панели управления wordpress

Далее нажимаем на кнопку “Выберите файл” и выбираем с компьютера скаченный архив плагина, нажимаем кнопку установить, активируем установленный плагин, рисунок 33.

Рисунок 33 – Страница установки плагинов в панели управления wordpress

 

Добавляем контактную форму с помощью плагина. В меню переходим на “Contact Form 7” и переходим на вкладку “Добавить новую”, рисунок 34. Нажимаем на кнопку “Добавить новую”.

Рисунок 34 – Страница добавления формы, плагина Contact Form 7

 

C помощью генератора тегов составляем шаблон контактной формы, рисунок 35.

Рисунок 35 – Шаблон формы, плагина Contact Form 7

 

В поля адресатов указываем данные получателя , отправителя и вывод заполненной формы, рисунок 36.

Рисунок 36 – Адресат, плагина Contact Form 7

 

Нажимаем кнопку “Сохранить”. Теперь готовый код можно скопировать, для вставки контактной формы на страницу, рисунок 37.

Рисунок 37 – Код формы, плагина Contact Form 7

 

3.5 Наполнение страниц с помощью WordPress

 

Для того чтобы наполнить страницу, в меню переходим на “Страницы” и переходим на вкладку “Все страницы”, рисунок 38.

Рисунок 38 – Вкладка “Все страницы”, панели управления wordpress

 

Выбираем страницу “Олимпиада по информатике” и вводим текст страницы с помощью визуального редактора, рисунок 39.

Рисунок 39 – Страница “Олимпиада по информатике” в wordpress

 

Просматриваем страницу “Олимпиада по информатике” в браузере, рисунок 40.

Рисунок 40 – Страница “Олимпиада по информатике” в браузере

 

Выбираем страницу “Заявка”, вводим текст страницы и вставляем код контактной формы с помощью визуального редактора, рисунок 41.

Рисунок 41 – Страница “Заявка” в wordpress

 

Просматриваем страницу “Заявка” в браузере, рисунок 42.

Рисунок 42 – Страница “Заявка” в браузере

 

 

4 Экономическая часть

 

4.1 Краткая характеристика проекта

 

 

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

 

4.2 Расчет стоимости программы

 

 

Стоимость одного часа машинного времени вычисляем по формуле (1):

                           Смч = Сэкс/Тэф * Кисп,    (1)

где Сэкс – годовые эксплуатационные расходы, руб.

Тэф – годовой эффективный фонд времени, час.

Кисп – коэффициент использования машины и времени разработчика, принимается 0,9.

Годовой эффективный фонд времени рассчитывается по формуле (2):

            Tэф = (tрд * Nсм * Др) – (tрп * Др * Nсм),   (2)

где tрд – продолжительность рабочего дня, час., составляет 9 часов;

Nсм – количество смен, 1 смена

Др – количество рабочих дней, 248 рабочих дней

tрп – регламентированные потери рабочего времени, регламентированный перерыв составляет 1 час

Тэф = (9 * 1 * 248) – (1 * 248 * 1) = 1984ч.

Эксплуатационные расходы также являются неотъемлемой частью затрат на разработку программы, рассчитываются по формуле (3):

                        Сэкс = ЗПсргод + Агод + Снр + Сэ,    (3)

где ЗПсргод – среднегодовая заработная плата разработчика, он же занимается обслуживанием. Работу выполняет специалист с заработной платой (ЗПсрмес) в размере 40000 рублей.

Агод – годовые амортизационные отчисления, руб.

Снр – накладные расходы, руб.

Сэ – стоимость потребляемой электроэнергии за год, руб.

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

                             ЗПсргод = ЗПсрмес * Ч * 12,    (4)

где Ч – численность рабочих, чел.

ЗПсргод = 40000 * 1 * 12 = 480000 руб.

Годовые амортизационные отчисления рассчитываются по формуле (5):

                                   Агод = Скомп * На/100%,                      (5)

где Скомп – стоимость компьютера, руб., 35000 рублей

На – норма амортизации, %, рассчитывается по формуле (6):

                                        На = 100/Тн,     (6)

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

На = 100/3 = 33%

По полученным значениям рассчитываем годовые амортизационные отчисления по формуле (5):

Агод = 35000 * 33%/100% = 11550 руб.

Накладные расходы (Снр) в условиях предприятия равняются 260% от заработной платы разработчика. Сюда включаются затраты на содержание помещения, оборудования, управленческие затраты.

                         Снр = ЗПсргод * 260%/100%              (7)

Снр = 480000 * 260%/100% = 1248000 руб.

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

           Сэ = Мп * Тэф * Цэ * Кисп,       (8)

где Мп – сумма потребляемой мощности, кВт, 0,3кВт

Тэф – годовой фонд рабочего времени, час.

Цэ – стоимость 1 кВт, руб., 2 руб.

Кисп – коэффициент использования мощности, принимается 0,9

Сэ = 0,3 * 1984 * 2 * 0,9 = 1071 руб.

По полученным значениям рассчитываем эксплуатационные расходы по формуле (3):

Сэкс = 480000 + 11550 + 1248000 + 1071 = 1740621 руб.

По полученным значениям рассчитываем стоимость машинного часа по формуле (1):

Смч = 1740621/1984 * 0,9 = 789 руб.

Время разработки рассчитывается по следующим этапам, таблица 3.

Таблица 3 – Время разработки программного продукта

Этапы разработки

Время, час

Составление технического задания

Выбор инструментов разработки

Создание макета

Создание сайта

Наполнение контентом

Тестирование

Внедрение

1

1

2

30

30

5

1

Итого:

В том числе машинное время:

70

67


 

Стоимость разработки программы рассчитывается по формуле (9):

                                 Ср = ЗПсрчас * n1 + Смч * n2,    (9)

где Ср – стоимость разработки программы

ЗПсрчас – средняя часовая заработная плата разработчика

Смч – стоимость машинного часа

n1 – количество человеко-часов  разработчика

n2 – количество машинных часов.

                          ЗПсрчас = ФЗПгод/Тэф,     (10)

где Тэф – годовой эффективный фонд времени, час;

ФЗПгод – годовой фонд заработной платы, определяется по формуле (11):

                              ФЗПгод = ЗПсргод + страховые взносы  (11)

Страховые взносы составляют 30%, в том числе:

  • отчисления в пенсионный фонд – 26%;
  • отчисления в фонд социального страхования – 2,9%;
  • отчисления в Федеральный фонд обязательного медицинского страхования – 3,1%;
  • отчисления в Территориальный фонд обязательного медицинского страхования – 2%.

ФЗПгод = 480000 + 480000*30% = 624000 руб.

По полученным значениям рассчитываем среднюю часовую заработную плату разработчика по формуле (10):

ЗПсрчас = 624000/1984 = 314 руб.

Рассчитываем стоимость разработки программы по формуле (9):

Ср = 314 * 3 + 789 * 67 = 53805 руб.

 

4.3 Эффект от внедрения сайта

 

 

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

В общем случае к таким выгодам можно отнести:

  • повышение качества обслуживания участников;
  • более быстрый вывод информации для участников;
  • повышение мотивации к учёбе;
  • повышение заинтересованности к олимпиаде.

Информация о работе Разработка сайта олимпиады для школьников для по заказу ГБОУ СПО СО ЕЭТК с системой управления содержимым