Создание сайта методической службы ПКТиМ

СОДЕРЖАНИЕ

ВВЕДЕНИЕ 6

1. ОСНОВНАЯ ЧАСТЬ 8

1.1 Анализ технического задания  и возможные способы реализации  поставленной задачи 8

1.2 Выбор инструментальных программных средств 9

1.3 Выбор аппаратных средств 13

1.4 Структура программного продукта 14

1.5 Создание сайта при помощи программы WordPress 16

1.6 Тестирование разработанной программы 17

1.7 Программная документация 19

2. ЭКОНОМИЧЕСКАЯ ЧАСТЬ 22

3. ОХРАНА ТРУДА И БЕЗОПАСНОСТЬ  ЖИЗНЕДЕЯТЕЛЬНОСТИ 29

ЗАКЛЮЧЕНИЕ 35

СПИСОК  ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ 36

ПРИЛОЖЕНИЕ  А 38

ПРИЛОЖЕНИЕ  Б 46

ПРИЛОЖЕНИЕ  В 48

ПРИЛОЖЕНИЕ  Г 53

 

 

 

ВВЕДЕНИЕ

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

В наши дни вопрос «Зачем нужен сайт?» задается все реже. И это неудивительно, ведь ответ  на него давно уже стал очевидным: сайт нужен, в основном, для того, чтобы помогать его владельцу  донести информацию до интернет-пользователей, а также продать им свой товар или услугу. Существуют три основные функции сайта: имиджевая, маркетинговая и конечно же информационная.

1. Имиджевая функция отвечает за формирование образа владельца сайта среди интернет-пользователей. Главную роль при этом играет оформление ресурса.

2. Маркетинговая функция  помогает продавать товар или  же услуги, представленные на  сайте.

3. Информационная функция  заключается в том, что интернет-ресурс  должен предоставить посетителям  максимум регулярно обновляемой  тематической информации. Ярким  примером сайта, для которого  информация играет основную роль, является информационный портал.

Целью данной выпускной квалификационной работы является разработка сайта методической службы ПКТиМ.

Задачи выпускной квалификационной работы:

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

 

1. ОСНОВНАЯ ЧАСТЬ

1.1 Анализ технического задания и возможные способы реализации поставленной задачи

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

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

• Сайт, созданный на HTML и CSS;
• Сайт, созданный с использованием шаблона или конструктора;
• Сайт, созданный при помощи визуального редактора.

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

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

 

2. Выбор инструментальных программных средств

Существует множество  инструментальных программных средств для разработки сайтов: WebPageMaker, Quanta Plus, WordPress, Macromedia Dreamweaver MX, Joomla и другие. Рассмотрим самые распространенные из них.

WebPageMaker

Это один из самых простых редакторов для создания сайта. Редактирование выбранного шаблона происходит методом перетаскивания объектов. Любой объект, будь-то текст, блок, картинка, можно переместить куда-угодно и закрепить в выбранном месте.

Также в программе есть встроеные эскизы, Java-cкрипты, таблицы, формы. Их не так много, как хотелось бы, но для начала этого вполне достаточно.

Создавать ссылки тоже просто, можно  задать им определенные стили или  использовать стиль по умолчанию.

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

Достоинства редактора  WebPageMaker:

• нет необходимости изучения html;
• для создания страницы достаточно лишь перетаскивать в нужные места на странице тексты и графику, видео или музыку;
• WYSIWYG редактор (что вижу, то и получаю);
• легкость создания и управления многостраничными сайтами;
• встроенные готовые шаблоны;
• встроенные таблицы, фреймы, скрипты, эффекты мыши и другие элементы;
• встроенная функция публикации материалов сайта;
• ftp-клиент для закачки готового сайта на сервер;
• сайты, сделанные в WebPageMaker, корректно отображаются во всех современных браузерах - от самого популярного Internet Explorer до экзотических;
• полная русификация программы;
• справка на русском языке.

WordPress

WordPress — система управления содержимым сайта (CMS) с открытым исходным кодом, распространяемая под GNU GPL. Написана на PHP, в качестве базы данных использует MySQL. Сфера применения — от блогов до достаточно сложных новостных ресурсов и даже интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты. WordPress выпущен под лицензией GPL версии 2.

Возможности WordPress:

• возможность публикации с помощью сторонних программ и сервисов;
• простота установки, настройки;
• поддержка RSS, Atom, trackback, pingback;
• подключаемые модули (плагины) с уникальной простой системой их взаимодействия с кодом;
• поддержка так называемых «тем», позволяющих легко менять как внешний вид, так и способы вывода данных;
• «темы» реализованы как наборы файлов-шаблонов на PHP, что положительно сказывается на скорости и гибкости;
• громадные библиотеки «тем» и «плагинов»;
• заложенный потенциал архитектуры позволяет легко реализовывать сложные решения;
• наличие ЧПУ (человеко-понятный URL);
• наличие русских переводов.

Преимущества:

• Мультиавторские преимущества. Движок WordPress легко позволяет иметь несколько авторов на блоге, что конечно же в свою очередь является большим преимуществом, ведь многие хотели бы вести коллективные блоги, но большинство платформ не позволяют этого сделать.
• Инструментальные преимущества. WordPress имеет все необходимые инструменты, необходимые блоггеру. Кроме того, инструментарий движка очень легко расширяется при помощи плагинов.
• Мультиязычные преимущества. Движок WordPress – это мультиязычный движок, который можно использовать на любом языке. Кроме того, существуют специальные плагины для того, чтобы сделать свой блог многоязычным.
• Поисковые преимущества. WordPress очень хорошо индексируется поисковыми системами, что конечно же очень хорошо влияет на выдачу. WordPress легко может быть SEO оптимизирован и настроен так, что поисковики будут любить его.
• Финансовые преимущества. Так как движок WordPress является очень гибким, то это значительно расширяет его возможности по заработку, в отличие от того же ЖЖ.
• Дизайнерские преимущества. Гигантское количество стилей и тем оформления позволяют настроить блог точно так, как вы этого хотите.

Joomla

Joomla – бесплатная CMS для создания информационных ресурсов. Хорошая расширяемость с помощью модулей, хорошая защищенность, открытость (можно самостоятельно создавать модули), широкий выбор шаблонов.

Достоинства Joomla:

1. Бесплатность.

2. Все исходные коды  Joomla являются открытыми. Пользователи могут вносить в них любые изменения.

3. Простота установки  CMS и изменения дизайна сайта.  В интернете можно скачать  множество как платных, так  и бесплатных шаблонов для  CMS Joomla.

4. Легкость управления  сайтом на этом движке.

5. Изобилие всевозможных  модулей и компонентов для  этой CMS.

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

7. Существенная доля дополнительных скриптов и софта для этой системы управления сайтом идет с поддержкой русского языка.

8. Для установки CMS Joomla подходит подавляющее большинство хостингов.

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

Недостатки Joomla:

1. Данная CMS слабо защищена от взлома.

2. Имеются недостатки  в иерархии элементов системы  управления контентом.

3. Наличие лишнего программного  кода в движке и шаблонах, приводящее  к медленной загрузке страниц  сайта по сравнению с другими  CMS.

4. Возможны проблемы с  индексацией поисковыми системами.

5. Отсутствие службы технической  поддержки пользователей.

6. При обновлении системы  могут возникать проблемы.

Рассмотрев все вышеперечисленные  инструментальные программные средства, был выбран визуальный редактор WordPress, в связи со следующими преимуществами:

• Прост в изучении;
• Огромное количество шаблонов (тем) дизайна сайта;
• Простое редактирование существующих страниц и добавление новых. 
  

3. Выбор аппаратных средств

Проблема выбора технических средств для разработки сайта «Методическая служба ПКТиМ» обусловлена необходимостью сокращения сроков и снижения трудоемкости поиска необходимой информации.

В соответствии с выбранными программными средствами, были выбраны следующие аппаратные средства.

Минимальная конфигурация:

• тип процессора Pentium IV и более;
• объём оперативного запоминающего устройства 1 Гб и более;
• жесткий диск объемом не менее 20 Gb;
• наличие адаптера подключения к сети (сетевой карты, модема и т.п.);
• монитор 60 Гц, разрешение не менее 1024х768;
• клавиатура, мышь.

Необходимо наличие мыши и CD-ROM для инсталляции ПО. Internet Explorer и Internet Tools Setup производит установку большинства файлов на тот диск, где находится папка Windows, вне зависимости от того, куда пользователь осуществляет инсталляцию. Чтобы удовлетворить требованиям Internet Explorer, необходимо освободить свободное пространство на том диске, где находится папка Windows.

 

4. Структура программного продукта

Схема 1 - Обобщенная структура сайта

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

Виды структур сайта

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

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