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

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

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

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

Файлы: 1 файл

Primer_PZ_PI_SAJTY.doc

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

 

 

СОДЕРЖАНИЕ

 

 

 

Список условных сокращений

 

 

CMS - content management system (Система управления содержимым)

WP - WordPress

FTP- File Transfer Protocol (протокол передачи файлов)

DNS - Domain Name System (система доменных имён)

IP - Internet Protocol

MySQL - My Structured Query Language

 

ВВЕДЕНИЕ

 

 

Олимпиады — одна из общепризнанных форм работы с одаренными школьниками и профориентации. Они организуются во всех районах и городах страны. В настоящее время в ЕЭТК проводит олимпиаду по информатике для школьников городского уровня. Для своевременного оповещения и освещения результатов олимпиады, администрацией колледжа было принято решение о создании отдельного сайта олимпиады.

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

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

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

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

В данном дипломном проекте я буду работать с CMS WordPress.

Объект исследования: CMS WordPress.

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

Задачи:

  • рассмотрение выбранной CMS в общих чертах;
  • регистрирование хостинга и доменного адреса;
  • установка CMS WordPress;
  • рассмотрение средств администрирования в CMS;
  • установка и настройка шаблона в CMS;
  • установка и настройка плагинов в CMS;
  • наполнение сайта контентом.

 

 

1 Теоретические основы создания  сайтов

 

1.1 Классификация сайтов

 

 

Существуют различные типы сайтов. Рассмотрим их классификацию.

1. По цели создания:

  • Коммерческий;
  • Некоммерческий.

2. По доступности:

  • Открытые  – доступные всем посетителям;
  • Полуоткрытые – для просмотра нужна регистрация на сайте;
  • Закрытые – доступен только администраторам сайта и некоторым посетителям.

3. По объему и количестве решаемых  задач:

  • Простые;
  • Тематические (узкого направления);
  • Порталы (многофункциональные веб-ресурсы).

4. По сложности исполнения и  стилю:

  • Статический;
  • Динамический (имеет гибкость, формируется из разных частей);
  • Flash-сайты (так званые «Живые сайты» сделаны полностью на Flash).

5. По типам макетов:

  • Фиксированной ширины (размеры сайта имеют точное значения);
  • Резиновый макет (значения ширины задается в % и зависит от разрешения экрана).

На рисунке 1 представлена классификация видов сайтов.

Рисунок 1 – Классификация сайтов

 

Рассмотрим основные функции и особенности каждого из видов сайтов.

Блог. На сегодняшний день один из самых популярных видов сайта. Блог – это интернет дневник, какого-то человека, в котором регулярно добавляются записи (посты), с какой- либо информацией. Отличие блога от личного дневника заключается в том, что блог доступен другим пользователям сети, которые не просто читают, а и обговаривают, комментируют, делятся мыслями. Еще одна особенность блога — это записи, сортируются в обратном хронологическом порядке, т.е. последняя запись выводится самой первой.

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

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

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

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

Корпоративный сайт. Их используют большинство компаний достигнувших среднего и большого бизнеса. Это полноценные сайты, обладающие большим объемом данных и материалов, расширенной структурой меню и навигации для полного предоставления данных клиентам. Цель такого вида сайта: поиск и обслуживания новых покупателей, продвижение товаров и услуг и предоставления удобного сервиса обслуживания. Как правило, на такие сайты добавляется система поиска по сайту, форма связи с клиентами или поддержка Online и отводится специальные сотрудники (администраторы), которые следят за работоспособностью. Еще одной важной особенностью является наличие системы управления содержимым сайта (Движка, CMS) что позволяет работнику управлять ресурсами сайта. Дизайн также должен соответствовать стилю и тематики компании, но не отвлекать своим видом клиентов от главной цели!

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

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

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

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

Социальная сеть. Это сайт с большим количеством сервисов направленных для установления связи (общения) между его  пользователями. Обязательная процедура каких является указание своей личной информации (ФИО, год рождения, образование и т.д.) Например: vk.com (vkontakte.ru), odnoklassniki.ru, facebook.com.

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

 

1.2 Этапы разработки сайтов

 

 

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

Многие заказчики называют техническим заданием свое видение проекта с описанием основных разделов и пожеланий по дизайну.

Обычно техническим заданием называют документ, содержащий разделы:

общие требования к сайту;

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

Более того, вместе с техническим заданием заказчик получает схемы информационных блоков основных разделов сайта.

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

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

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

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

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

На данном этапе происходит дополнительный контроль качества выполняемой работы, производится оптимизация web-страниц под особенности конкретных браузеров, используемых посетителями сайтов для навигации по Интернету. Учитываются особенности представления страниц при различных настройках глубины цвета и экранных разрешений.

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

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

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

6. Тестирование. Тестированию полученного  продукта до момента появления его в сети мы уделяем особое внимание. На этом этапе проверяется все — удобство навигации, целостность данных, корректность ссылок и орфография.

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

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