Разработка web-ресурса "Факультет математики и естественнонаучного образования педагогического института НИУ "БелГУ"

Шевченко О.А.

Разработка web-ресурса "Факультет математики и естественнонаучного образования педагогического института НИУ "БелГУ"

44.03.05 Педагогическое образование, профиль Информатика и иностранный язык (английский)

Народное образование. Педагогика

Дипломы

Вуз: Белгородский государственный университет - национальный исследовательский университет (НИУ «БелГУ»)

ID: 5c1a74af7966e104f6f85a51

UUID: d5f689b0-e5da-0136-0499-525400005860

Язык: Русский

Опубликовано: почти 6 лет назад

Просмотры: 134

Шевченко О.А.

Источник: Федеральное государственное автономное образовательное учреждение высшего образования «Белгородский государственный национальный исследовательский университет»

Комментировать 0

Рецензировать 0

Скачать - 2,4 МБ

Поделиться работой

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ АВТОНОМНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ «БЕЛГОРОДСКИЙ ГОСУДАРСТВЕННЫЙ НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ УНИВЕРСИТЕТ» ( Н И У « Б е л Г У » ) ФАКУЛЬТЕТ МАТЕМАТИКИ И ЕСТЕСТВЕННОНАУЧНОГО ОБРАЗОВАНИЯ КАФЕДРА ИНФОРМАТИКИ, ЕСТЕСТВЕННОНАУЧНЫХ ДИСЦИПЛИН И МЕТОДИК ПРЕПОДАВАНИЯ РАЗРАБОТКА WEB-РЕСУРСА «ФАКУЛЬТЕТ МАТЕМАТИКИ И ЕСТЕСТВЕННОНАУЧНОГО ОБРАЗОВАНИЯ ПЕДАГОГИЧЕСКОГО ИНСТИТУТА НИУ «БЕЛГУ» Выпускная квалификационная работа обучающегося по направлению подготовки 44.03.05 Педагогическое образование, профиль Информатика и иностранный язык (английский) очной формы обучения, группы 02041305 Шевченко Олеси Александровны Научный руководитель к.т.н., доцент Сатлер Ольга Николаевна БЕЛГОРОД 2018

СОДЕРЖАНИЕ ВВЕДЕНИЕ .............................................................................................................. 3 1 ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ WEB-РЕСУРСА................. 5 1.1 Характеристика деятельности факультета математики и естественнонаучного образования Педагогического института НИУ «БелГУ» ................................................................................................................................... 5 1.2 Требования к разработке Web-ресурсов образовательных учреждений..... 6 1.3 Понятие Web-ресурса. Классификация Web-ресурсов ................................. 8 1.4 Выбор CMS (ЦМС) – системы управления контентом для сайта.............. 11 2 ОПИСАНИЕ И ПРОГРАММНАЯ РЕАЛИЗАЦИЯ WEB-РЕСУРСА ФАКУЛЬТЕТА МАТЕМАТИКИ И ЕСТЕСТВЕННОНАУЧНОГО ОБРАЗОВАНИЯ ПЕДАГОГИЧЕСКОГО ИНСТИТУТА НИУ «БЕЛГУ» ...... 18 2.1 Структурная схема Web-ресурса ................................................................... 18 2.2 Разработка и создание Web-ресурса на локальном сервере ....................... 21 2.3 Компоненты CMS Wordpress ......................................................................... 25 2.4 Размещение Web-ресурса ............................................................................... 33 2 ПРЕДСТАВЛЕНИЕ ГОТОВОГО ПРОДУКТА ........................................... 35 3.1 Руководство пользователя .............................................................................. 35 3.2 Рекомендации по защите Web-ресурса ......................................................... 45 ЗАКЛЮЧЕНИЕ ..................................................................................................... 48 СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ ........................................... 49 2

ВВЕДЕНИЕ На сегодняшний день, в век информационных технологий, ни одно образовательное учреждение не может существовать без своего официального сайта. Сайта, который будет представлять учреждение, выступать в роли образовательного информатора учреждения для пользователей. обеспечивает постоянный Web-сайт доступ к интересующей пользователя информации, что повышает престиж и востребованность учреждения. Благодаря Web-ресурсу, любой гражданин может получить важную и актуальную для себя информацию, просмотреть отчет о проведенных мероприятиях или может быть извещен о необходимой информации. В частности, сайт факультета математики и естественнонаучного образования Педагогического института НИУ «БелГУ» должен предоставлять актуальную информацию для обучающихся, знакомить с преподавателями вуза, отслеживать внеучебную деятельность на факультете, получать необходимые методические материалы. Объект исследования: деятельность факультета математики и естественнонаучного образования Педагогического института НИУ «БелГУ». Предмет исследования: web-ресурс факультета математики и естественнонаучного образования Педагогического института НИУ «БелГУ». Таким образом, целью работы является разработка Web-ресурса факультета математики и естественнонаучного образования Педагогического института НИУ «БелГУ». В соответствии с целью были поставлены следующие задачи исследования: 1. Выбрать систему управления контентом сайта (CMS), 2. Разработать дизайн и создать шаблон сайта факультета математики и естественнонаучного образования Педагогического института НИУ «БелГУ», 3

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

1 ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ WEB-РЕСУРСА 1.1 Характеристика деятельности факультета математики и естественнонаучного образования Педагогического института НИУ «БелГУ» Факультет математики и информационных технологий был образован 1 сентября 2007 года на базе физико-математического факультета (ФМФ) в результате ряда государственный изменений. В педагогический начале 90-х университет годов был Белгородский преобразован в Белгородский государственный университет. Перед университетом встал ряд новых задач по подготовке будущих специалистов. Стало необходимым уделять большее внимание активизации научной деятельности, внедрению современных методов и форм губернатора поставил новые обучения. Ректорат при поддержке задачи, решение которых потребовало существенных преобразований в процессе подготовки специалистов. В 2013 году решением Ученого Совета НИУ "БелГУ" в результате реструктуризации факультетов и институтов факультет был переименован в факультет математики и естественнонаучного образования и включен в состав Педагогического института. На факультете обучается более 600 бакалавров и магистрантов по всем формам обучения, в том числе по очной – около 300 и более 300 по заочной. Профессорско-преподавательский штат насчитывает свыше 40 преподавателей и сотрудников, из них 20 кандидатов наук и 6 докторов наук. Cтруктура факультета:  кафедра математики – заведующий кафедрой Иван Петрович Борисовский – к.ф-м.н., доцент;  кафедра информатики, естественнонаучных дисциплин и методик преподавания – заведующая кафедрой Людмила Владимировна Красовская – к.т.н., доцент. 5

Преподаватели факультета активно работают над реализацией проекта «Создание Школы НИУ «БелГУ», который нацелен на выявление и целенаправленный отбор учащихся школ города Белгорода и Белгородской области, проявивших склонности к изучению отдельных предметов; организована индивидуальная работа с одаренными учащимися, проявившими способности к изучению точных и естественнонаучных дисциплин; проводится реализация дополнительных общеобразовательных программ для углубленного дифференцированного обучения учащихся дисциплинам математического и естественнонаучного циклов; осуществляется профориентационная деятельности на основе приобщения старшеклассников к активной научно-исследовательской деятельности и расширения спектра профильных классов. 1.2 Требования к разработке Web-ресурсов образовательных учреждений Структура Web-ресурса, его информационная наполняемость напрямую зависит от целевого назначения сайта. Сайт факультета математики и естественнонаучного образования Педагогического института НИУ «БелГУ» представляет собой сайт образовательного учреждения, к которому предъявляется ряд требований. Информационная наполняемость сайта, контент должен отвечать запросам целевой аудитории и формировать позитивное представление об образовательной организации, давать полную информацию о структуре, образовательных программах, сотрудниках [33]. В целевую аудиторию пользователей сайта образовательного учреждения входят следующие категории пользователей:  педагогические кадры (работники образовательных организаций в целом); 6

 обучающиеся (всех образовательных учреждений);  родители (и другие лица, заинтересованные процессом воспитания и обучения);  работники административных организаций. Сайт должен удовлетворять запросам пользователей, что становится возможным при соблюдении определенных требований, предъявляемых к сайту образовательного учреждения:  информативность (сайт должен наиболее полно отражать необходимую информацию в разделах);  доступность (понятность изложения информации, структурированность разделов сайта, интуитивная навигация);  достоверность и объективность публикуемых материалов информационных материалов, (указание авторства, даты размещения);  оперативность (актуальность своевременное обновление контента). Целевому назначению сайта должно соответствовать качество информационного контента. Поэтому необходимо уделять особое внимание наполняемости сайта, актуальности и правдивости информации, его функциональности. Согласно требованиям Постановления Правительства РФ №582 к сайтам образовательных организаций информация о педагогическом составе должна отражать следующие аспекты:  фамилия, имя, отчество сотрудника;  занимаемая должность;  преподаваемые дисциплины;  ученая степень (при наличии);  ученое звание (при наличии);  наименование направления подготовки и (или) специальности; 7

 данные о повышении квалификации и (или) профессиональной переподготовке (при наличии);  общий стаж работы;  стаж работы по специальности [19]. Особое внимание необходимо определять технологическим и программным средствам. Они отвечают за функционирование сайта и должны обеспечивать:  доступ к размещенной на официальном сайте информации без использования технические программного средства обеспечения, пользователя установка информации которого требует на заключения лицензионного или иного соглашения с правообладателем программного обеспечения, предусматривающего взимание с пользователя информации платы;  защиту информации от уничтожения, модификации и блокирования доступа к ней, а также иных неправомерных действий в отношении нее;  возможность копирования информации на резервный носитель, обеспечивающий ее восстановление;  защиту от копирования авторских материалов [4]. Таким образом, сайт факультета математики и естественнонаучного образования Педагогического института НИУ «БелГУ» должен соответствовать всем требованиям, предъявляемым к Web-ресурсам. 1.3 Понятие Web-ресурса. Классификация Web-ресурсов Создание сайта представляет собой сложный процесс, в котором важно уделять внимание как техническим, так и организационным аспектам. 8

Cайт является лицом представляющей его компании, и для того чтобы компания была достойно представлена в сети, необходимо разобраться в существующих видах Web-ресурсов [12]. Web-ресурсы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. По назначению Web-ресурсы классифицируются на 2 группы (см. рисунок 1):  навигационные сайты (перенаправляют пользователей к конечным сайтам)  конечные (функциональные) сайты (содержат информацию или документы, которые необходимы пользователям). Рисунок 1 – Классификация Web-ресурсов По цели создания Web-ресурсы классифицируются:  Естественный сайт – сайт, предназначенный для живых пользователей сети.  Неестественный сайт – сайт, ориентированный не на пользователей (дорвеи, каталоги, сателлиты, MFA-сайты). Неестественные сайты создаются с двумя основными целями:  Продвижение своего или другого сайта (например, если его владелец заплатил за продвижение). 9

 Заработок, получаемый непосредственно с сайта [27]. По используемым технологиям подразделяются на:  Статические сайты и веб-страницы. Статические сайты и веб- страницы - это сайты, сделанные по классической технологии html. Статическими они называются потому, что, набирая определённый адрес й ы ан созд е д ж у н вы ях влеи н б о (URL), соответствующий сайту или его определённой странице, вы всегда во ер п во ер п тся вю азы н al p ru d будете видеть одно и то же содержание. Основным минусом статических а весьм я и етвлн осущ й ы д каж сайтов является отсутствие интерактивности. Кроме того, в таких сайтах т сай bitrx х ы лян егу р е ы тр ко ст о х сложнее изменить информацию, внешний вид и дизайн страниц. ва н ости д а есу р  й это Динамические сайты и веб-страницы. Как уже было упомянуто, я д каж й это ы д ж у н динамические страницы не существуют в неизменном виде на сервере, а ы м и ерж сод й ы ан зд со к о н су и р формируются при помощи скриптов. Содержание и вид динамической отря есм н р о б вы es p rd o w страницы с одним и тем же адресом может быть совершенно различным в ь м и сто bitrx н п сту о д е н ч ы б о зависимости от разных условий - например, в зависимости от времени, от вок м рей ф и ед ср г о н м конкретного пользователя, от введённого пользователем запроса и т. п. етв щ су  ы м и ж ер д со ть аб р о д Флэш-сайты. Технология флэш (flash) позволяет создавать очень г о н м стаки о ед н at d красивые, интерактивные, со звуком и анимацией, сайты, которые выглядят а н ж возм dupal х ы лян егу р стаки о ед н itrx b на порядок эффектнее, чем обычные html-сайты. Однако сложность и веи р о д м есо р ад t asy eb w трудоёмкость их изготовления, а также то, что страницы, созданные на флэш, от см зави ествы н i g en имеют, как правило, большой вес и долго загружаются, что отпугивает часть х ы лян егу р стаки о ед н es p rd o w es p rd o w пользователей, приводит к тому, что флэш-сайты не получили пока слишком ться м и зан ерд п к й о астр н широкого распространения [1]. н п сту о д ская ч и техн По принадлежности сайты подразделяются на: ет ож м    Личные (персональные) сайты. елю тозд сай ordpes w Сайты коммерческих организаций (доменная зона .com). рост п н лж о д е ы тр ко Сайты некоммерческих организаций (доменные зоны: .gov, .edu, а р о б вы ordpes w й льш о б org). По уровню решаемых задач сайты подразделяются на: етв сущ  Простые сайты, содержащие немного информации и состоящие екс д н и ет ож м е альы н и м из нескольких страничек (сайты-визитки, домашние странички и т. п.). к й о астр н к астрой н и ан ж ер д со 10

 Тематические, узконаправленные сайты.  Многофункциональные сайты (порталы) [15]. во ер п drupal етя льзу о сп и Данные классификации условны, четкого разграничения типов сайтов нет, но важно обращать внимание на то, что каждый тип сайт отличается своей направленностью, техническими и функциональными возможностями. 1.4 Выбор CMS (ЦМС) – системы управления контентом для сайта t sy a eb w Система управления сайтом (CMS - Content Management System) или е такж рва и код й ы д каж ская ч и н тех стаки о ед н ЦМС) дает возможность управления структурой и содержимым (контентом) оти расм е д ж у н вы ь м и сто сайта. Работоспособность и позиции сайта в поисковых системах во многом альм о и кц н у ф ы м и ж ер д со етв щ су la m jo зависят от правильного выбора CMS. ы м и ерж сод e ch ap Системы управления сайтом делятся на платные и бесплатные. К я и етвлн осущ н ж зм во es p rd o w платным можно отнести Битрикс и DLE. Рассмотрим характеристики, у своем т сай t asy eb w достоинства и недостатки некоторых CMS [25]. м и хд еоб н CMS Bitrix (см. рисунок 2) подходит для высоконагруженных кац ли уб п ты сай к о н су и р проектов, крупных интернет-магазинов. тся вю азы н етв щ су Рисунок 2 - CMS Bitrix и ан ж ер д со Достоинства CMS Bitrix. Надежность и безопасность – главное я и ан зд со достоинство ется каж о этой системы тем си управления. Второе, стве н и льш о б r w en d но немаловажное la m jo достоинство – функциональность, которую не может обеспечить ни одна из е ы тр ко ал о и кц н у ф la m jo существующих коммерческих CMS. Особенность заключается в полной й ы аем ч лу о п е и н аш м о д ться м и зан автоматизации внутренних бизнес-процессов, учете налогов, управлении ае м и вн г о н м а есу р персоналом и так далее. Еще один немало важный факт, который может н ж зм во ь сту и р п es p rd o w ты сай е ч али н порадовать пользователя – совершенно бесплатные доступные регулярно ет ж о м es p rd o w 11 i g en

выпускающиеся обновления. Так же пользователю в течение года с момента е и ан зд со а всегд вая сн о покупки предоставляется техническая поддержка. м и хд еоб н Недостатки CMS Bitrix. Стоимость – это одна из главных причин ы н ч и р п drupal е ы н ч ли i g en й ы ан зд со отказа владельцев сайта от выбора в пользу Bitrix. Стоимость располагается в к астрой н и ч лу о п е н ж сло к й о астр н пределах от 5 до 330 тысяч рублей. Еще одной особенностью, не «играющей» м ы об еуд н о лян егу р ет ж о м в пользу Bitrix, является требование к хостингу. Первое о чем необходимо м и хд еоб н легкость н ж о м будет позаботится при создании сайта на Bitrix - специальный тариф ет ж о м т и х д о п ть ели д вы етвю щ су е и н аш м о д (который, как правило, будет дороже) или выделенный сервер. й льш о б ordpes w ст о х Еще одним немаловажным недостатком данной системы управления е такж ть ы б ях влеи н б о itrx b является ее неповоротливость. Бытует мнение, что сайты на этой системе я и ан зд со и сто але д работают медленнее. Но этой проблемы может и не быть, если использовать н остач д drupal й о ан д la m jo льзватею о п правильные настройки и оптимизацию, а так же регулярное обслуживание. орвеи д й ы д каж l tm h Подытожим вышесказанное: если вы нуждаетесь в функциональном е льш о б веи р о д т сай сайте, и у вас имеется необходимый бюджет, то вам стоит сделать выбор в х ы лян егу р la jom я еи н м пользу именно этой системы управления. К примеру, интернет – магазин ет д у б оальм и кц ун ф й н щ о м й ы д каж Связной и Эльдорадо использует именно Bitrix [7]. уе ти гарн й ы ествн а есу р CMS DLE (Data Life Engine) (см.рисунок 3) – это система управления остаки ед н але д al p ru d контентом с большим функционалом. Она предназначена для создания ь м стои оть раб я и етвлн щ су о блогов в большей степени и для информационных сайтов. Но не стоит алм ерсон п е и ан созд а тем си забывать о том, что при грамотно выстроенной настройке может быть е такж м ы б о д еу н es p rd o w использована и для любых функций. тся вю азы н ail m Рисунок 3 - CMS DLE в еко тр Достоинства CMS DLE. Первое о чем стоит сказать, так это о наличие у es p rd o w системы управления удобной ог н м е ы тр ко н ж о м администраторской ть ен сб о панели, которую я и ан зд со используют для публикации материалов. Пользователь может добавлять н стач о д е н ж сло 12 а есу р

опросы и голосования как встроенные средства. Так же имеет возможность и ащ ерж сод ет уд б ти о асм р создания рубрики и подрубрики, автоматически фильтровать по словам н остач д а всегд ы д ж у н минимальные нагрузки и многое другое. Еще на что стоит обратить ы тем си t asy eb w и сто внимание – минимальная нагрузка на сервер даже при использовании у ем сво е склон я д каж к о н су и р es p rd o w большого трафика. Система имеет простой код и те, кто разбирается в PHP и стью олн п г о н м te n co HTML смогут без труда сменить дизайн [22]. ац орм ф н и е ы н ч ли я д каж Недостатки CMS DLE. Эта система управления сайтом тяжела в la m jo настройке. Все необходимые модули, расположенных в сети, а их не мало, я и етвлн щ су о е альы н и м е ы тр ко а весьм ет д у б либо платные, либо написаны случайными людьми, а этот факт не й тн о ам гр la jom ь м и сто н ж о м гарантирует их надежность. Нельзя не сказать, что DLE склонен к взломам и ае м и вн е ш ч лу н п сту о д требует внимательного отношения от пользователя и регулярных проверок. ок сун ри льзу о п й ы ан зд со DLE требует постоянных обновлений. ская ч и техн При обновлениях необходимо остаки ед н тем си вносить правки в код шаблона, при которых даже самая маленькая ошибка е котры к во м ей р ф la m jo сть легко е льш о б может привести к потере всех данных. т сай Вывод. Несмотря на простоту и понятность DLE, работать с ней а стян о п о еальн д и а стян о п должен специалист. Но при этом необходимо будет выделить определенный ях влеи н б о ествы н г это х ы лян егу р е ы тр ко бюджет для этого, если вас это устроит, можете с легкость делать выбор в ты сай алм н со ер п ю вн о р у ае м и вн пользу этой системы. Не стоит забывать, что лучше всего CMS DLE ebasyt w руго д кац ли б у п подходит для создания персонального блога, игровых и развлекательных ва р и д ко вая сн о drupal порталов, торрент трекеров и online кинотеатров. ы м и ж ер д со алм ерсон п акет п Далее подробнее остановимся на бесплатных CMS. н п сту о д н остач д ет м и Webasyst (см.рисунок 4) – фреймворк, используемый для создания й льш о б к во м ей р ф al p u d сайтов. На ее основе возможно создавать как интернет – магазин, так и уе ти гарн о лян егу р а тем си информационный сайт. Возможна покупка готовых приложений для решения ользватею п а есу р t asy eb w некоторых задач. ты сай лах ред п Рисунок 4 - Webasyst ail m 13

Достоинства Функциональность Webasyst. го у р д является гв ло б главным ет ж о м преимуществом этой CMS. Большое количество созданных готовых решений акет п ebasyt w es p rd o w дают возможность провести установку и тут же приступить к работе, ае случ al p u d ю вн о р у принимать платежи через сайт, интегрировать 1С, заниматься настройкой ет м и т сай е альы н и м я сам й ы д каж необходимых полей карточки товара и так далее. Так же Webasyst имеет е котры етв щ су й это сотни дополнительных модулей, позволяющих заниматься максимальной ты сай всех й это al p ru d настройкой сайта по собственной инициативе, а с открытым кодом с лах ред п itrx b es p rd o w легкостью разберется специалист. хост Недостатки веи р о д Webasyst. р о б вы Специалист с легкостью устраняет ет ж о м все акет п возможные недостатки этой CMS. Так же заниматься обновлением CMS тоже этог к й о астр н гв ло б должен специалист. Из-за причины того, что пользователь может стереть алт и ец сп а тем си ь ви о стан у к о н су и р весь код, добавленный ранее. ская ч и техн la m jo Вывод. Webasyst - это вполне удобная CMS для создания сайта. ерво п о б ли ы тем си Подкорректировать и подстроить Webasyst под нужды пользователя сможет т сай стаки о ед н al p ru d любой квалифицированный специалист [10]. ы тем си CMS Wordpress (см.рисунок 5) в большинстве случаев используется але д але д а тем си при создании блогов, сайтов-визиток и фотогалерей в том числе. Так же е ольш б этог ти о асм р существует возможность использовать ее в создании интернет – магазинов, ользуетя сп и легкостью es p rd o w но их функциональность пострадает, она окажется довольно ограниченной. ть ен осб е и ан зд со ествы н Рисунок 5- CMS Wordpress й это т сай Достоинства CMS Wordpress. Основными достоинствами Wordpress м во сер можно считать легкость установки и настройки основных функций. ек ч стаи о ж у н й ы ан созд t asy eb w я и етвлн щ су о Существует большой выбор плагинов, шаблонов. Так же присутствует акет п у ем сво возможность оформления сайта по своему желанию. ествы н а тем си такя 14 а всегд

Недостатки плагинов, CMS Занимаясь Wordpress. la jom сайтосоздатель вынужден ebasyt w установкой доработать их некоторых ествы н для м ы н важ получения веи р о д es p rd o w качественного сайта. Над сайтом необходима постоянная работа. Сайт, етв щ су а тем си к во м ей р ф который создан на CMS Wordpress, будет требовать достаточное количество ек ч стаи ет ж о м а тем си гв ло б ресурсов на хостинге. Вывод. Wordpress отлично подойдет для сайтов, которые не требуют ться м и зан я и етвлн осущ м и д х б ео н ы тем си г о н м большой функциональности. Именно для того, чтобы создать персональный е ы н ч ли е н ж сло t asy eb w етвю щ су блог, сайт фотографа или новостную ленту [5]. ет м и bitrx CMS Joomla (см.рисунок 6). Joomla является самой популярной CMS. bitrx алт и ец сп es p rd o w ст о х Она используется для создания сайтов, содержащих абсолютно разную т сай а есу р ст о р п тематику. Это может быть как интернет – магазины, так т блоги, и сайты – ет м и й ольш б н стач о д визитки в том числе [2]. у ем сво т сай Рисунок 6 - CMS Joomla лах ед р п Достоинства CMS Joomla. Доступность системы, в том числе и всех и ан ж ер д со я ан д й н щ о м дополнительных модулей и компонентов, является главным достоинством к астрой н этой ы м и ж ер д со этой системы управления сайтом. Эту систему управления сайтом возможно ва р и д ко е котры е н скло la m jo ст о р п легко доработать самостоятельно под свои нужды, если пользователь знаком й ы ествн е и н аш м о д стаки о ед н ст о х с этой CMS и имеет навыки программирования. Сайт, созданный на Joomla ок сун ри н оступ д е и ан зд со не требует слишком много ресурсов на хостинге. ется каж о о еальн д и й ы д каж Недостатки кац ли б у п але д CMS Joomla. Сайт, созданный на а р о б вы Joomla будет подвергаться постоянному взлому, если будет отсутствовать должная защита й это CMS. ац орм ф н и е такж es p rd o w Данная система м ы н важ управления н ж о м сайтом ь сту и р п акет п практически не seo – оптимизирована. Из-за этого довольно часто могут возникать проблемы, этой е д ж у н вы ац м р о ф н и к й о астр н связанные с дублями страниц в индексе поисковых систем. Возникают кац ли уб п акет п е и ан зд со й ы д каж а тем си проблемы с индексацией как следствие. Существование большого количества t asy eb w es p rd o w 15 ы тем си

профильных ресурсов, может обеспечить подходящими темами и в случае такя сть м и д х б ео н ац м р о ф н и необходимости найти ответ на свой вопрос. Но при всем этом, техническая ться м и зан а всегд але д ти о асм р поддержка пользователей Joomla отсутствует. е н ж сло руго д а есу р Вывод. Сайт, созданный ва н ости д на е ы тр ко CMS будет Joomla, вполне ская ч и н тех функциональным, способен удовлетворить все потребности пользователя, ется окаж ет ж о м tem sy только лишь при грамотной настройке. а остян п н олж д CMS Drupal (см.рисунок 7). Мнения о CMS Drupal среди разработчиков але д ет м и вая сн о разделяются. Некоторые считают, что Drupal идеально подходит для гам о р п етв щ су во ер п es p rd o w создания сайтов. Потому что сайт создается из модулей, которые отря есм н у своем о ж у н пользователь может написать самостоятельно, при определенном уровне рогам п е альы н и м la jom знаний. Так существует большой простор для действий. Остальные считают ях влеи н б о й н щ о м м и д х б ео н е н скло al p ru d Drupal неудобным из-за неповоротливости системы сложной в настройке. На рогам п и ан ж ер д со екх ч стаи этой системе управления сайтом возможно создать и интернет – магазины, и ть о аб р звуком е ш ч лу ва р и д ко блоги, и сайты – визитки. ях влеи н б о во ер п Рисунок 7 - CMS Drupal ях влеи н б о Достоинства CMS Drupal. Специалисту довольно легко дорабатывать и е и ан созд к о н су и р ы тем си заметно расширять функционал сайта на этой системе. Сайты, созданные на й это ерво п етв щ су es p rd o w ь м и сто Drupal, в меньшей степени подвержены взломам из-за обладания мощной атсй такя ы м и ж ер д со е д ж у н вы системой безопасности. м ы н важ этой Недостатки CMS Drupal. Даже для внесения минимальных правок а есу р ет ж о м е н ж сло пользователю потребуется специалист, так как специалист способен е склон ы д ж у н e ch ap достаточно легко разобраться в этой системе. сервом ы м и ж ер д со r w en d Вывод. Создание сайта на CMS Dupal будет не проблемой, если етвю сущ tem sy t asy eb w имеется хороший специалист, способный работать с этой системой й н ощ м у ем сво м ы н важ управления сайтом. 16 t asy eb w

Самописные CMS (см. рисунок 8). Самописная система управления т о см зави кац ли уб п i g en сайтом полностью разработана под нужды заказчика. Стоит пользователя к о н су и р ты сай а весьм al p ru d ае м и вн найти грамотного разработчика, и в данной CMS возможно объединить весь стью лн о п engi желаемый функционал. es p rd o w Необходимо я д каж отметить, у ем сво что ется каж о данная система етя льзу о сп и управления сайтом содержит два (для кого-то весьма значительных) е ш луч й о ан д ть о аб р недостатка: стоимость и авторский код. Говоря о стоимости, должно етв сущ ерд п стаки о ед н отметить, что разработка самописной CMS может обойтись в довольно стве н и льш о б ресуа и сто ощутимую сумму. Это зависит от требований, которые предъявят к ней. але д вая осн ть аб р о д т о см зави стью легко Авторский код характеризуется как недостаток из-за того, что достаточно а весьм й н щ о м есу р ад нелегко найти специалиста, способного разобраться в этом коде, и такая CMS акет п ал о и кц н у ф м и д х б ео н al p ru d будет довольно сложна в обслуживании [8]. этой оть раб Рисунок 8 - Самописные CMS ествы н Следовательно, можно сделать вывод, что, исходя из конкретной е ы н ч ли х ы лян егу р ская ч и н тех ситуации и выбирается каждая система управления сайтами. До того я олги техн я еи н м м есо р ад ть о аб р гв ло б момента, как принять определенное решение, сайтосоздателю нужно к во м ей р ф la jom составить список конкретных задач, необходимых для осуществления своих ет уд б ек ч стаи l tm h идей. Далее, исходя и вышесказанного, выбрать конкретный вариант. е н скло ты сай ется каж о 17 t asy eb w и ед ср

2 ОПИСАНИЕ РЕСУРСА И ПРОГРАММНАЯ ФАКУЛЬТЕТА РЕАЛИЗАЦИЯ МАТЕМАТИКИ WEBИ ЕСТЕСТВЕННОНАУЧНОГО ОБРАЗОВАНИЯ ПЕДАГОГИЧЕСКОГО ИНСТИТУТА НИУ «БЕЛГУ» 2.1 Структурная схема Web-ресурса В настоящее время все большее внимание уделяется созданию Webресурсов. Именно поэтому сайт должен удовлетворять всем запросам пользователя и современным тенденциям сайтостроения. Главное требование к разработке структуры — это логичность и простота. Пользователь должен с легкостью находить нужные ему материалы. Внимание следует уделять не только внутренней, но и внешней структуре сайта. Необходимо тщательно продумать, каким сайт будет в будущем. От этого параметра зависит продвижение и индексация. Грамотное построение меню является основополагающим элементом любого сайта. Меню, которое сочетает в себе простоту, удобство и стилевую составляющую, гармонично вписывающуюся в единую концепцию стиля Web-сайта [24]. Анализ старого сайта факультета показал, что структура непонятна для пользователя и требует изменений. Для повышения удобства использования сайта факультета математики и естественнонаучного образования Педагогического института было принято решение об использовании древовидной структуры сайта (см. рисунок 9). 18

Рисунок 9 – Внутренняя структура Web-ресурса На основе созданной структуры сайта в ходе разработки дизайна особое внимание стоит уделить оформлению навигации сайта на основании принципов простоты, удобства, читабельности. Пользователи должны быстро и легко перейти на любую страницу веб-сайта, в том числе на начальную [29]. Главная страница представляет собой новостную ленту факультета. Раздел «О нас» отражает историческую справку о факультете, «Деканат» и «Кафедры» отображают структуру факультета, информацию о сотрудниках деканата, контакты, а также информацию о составе двух кафедр факультета. Раздел «Абитуриенту» содержит краткую информацию для поступающих и позволяет перейти на официальную страницу для поступающих на сайте НИУ «БелГУ». Раздел «Наука» содержит информацию в подразделах «Научные направления», «Научные мероприятия», а также переводит пользователя на сайт «Школы НИУ «БелГУ». В разделе «Полезные ссылки» содержатся важные ссылки на другие сайты, к которым пользователи обращаются чаще всего. Раздел «Вне учебы» информирует о культурно-творческой общественной деятельности на факультете, а также содержит фотоальбом. 19 и

Внешняя основа сайта довольно обширна. К ней относятся красочность дизайна, удобство навигации и прочие аспекты. Однако предусмотрено одно правило, которое ни в коем случае нарушать нельзя. Все пользователи привыкли видеть стандартное расположение блоков на сайте. Базовые элементы сайта располагаются привычным образом (см. рисунок 10). Рисунок 10 – Внешняя структура Хедер представляет собой верхнюю часть сайта, где располагается эмблема, название организации, меню, инструменты поиска. Блок с дополнительной информацией включает в себя дополнительную информацию, плагины. Блок с основной информацией должен быть легко читаемым и заметным посетителям. В футере размещается контактная информация и ссылки быстрого перехода. Именно на этапе разработки внешней и внутренней структуры сайта закладываются основные принципы работы сайта, его структура, формируется общее представление о дальнейшей работе над проектом. Также на этом этапе важно придумать названия разделов сайта, заголовки страниц, определить переходы между ними, то есть продумать логическую структуру размещения информации [31]. 20

В результате разработки структуры сайта была сформирована ясная и логическая структура размещения информации на сайте, что будет способствовать быстрому поиску необходимой информации. 2.2 Разработка и создание Web-ресурса на локальном сервере Перед разработкой и созданием Web-ресурса на локальном сервере, отря есм н ail m я еи н м нам необходимо рассмотреть подробнее понятие «Denwer» (или как его ю уровн тем си елю зд то сай иногда именуют «Денвер») и его предназначение. ы елан сд t asy eb w При создании сайта хост не создается. Первое, что необходимо сделать к о н су и р drupal г о н м перед началом создания сайта на основе CMS на локальном компьютере, это ях влеи н б о х ы регулян т и х д о п ь сту и р п установить «Denwer», его пакет установочных программ (см. рисунок 11). ет уд б н ж возм г о н м Рисунок 11 - Логотип пакета программ «Денвер» во ер п ек ч стаи й льш о б Основная особенность Денвера заключается в поддержке работы сразу ы елан сд й н щ о м la m jo с несколькими Web-ресурсами. Каждый Web-ресурс расположен на ты сай оть раб акет п отдельном смонтированном (виртуальном) хосте [6]. а стян о п ть ораб д стаки о ед н Каждая часть пакета уже правильно настроена и готова для е альы н и м и сто й ы ествн использования (русскоязычная кодировка MySQL, SSL и так далее). Также engi и ащ ж ер д со предусмотрена возможность обновления сервера Denwer (Apache, PHP, MySQL и т.д.) вручную, для этого необходимо просто заменить старую версию дистрибутива на новую. Денвер позволяет компьютеру стать полноценным сервером и дает возможность разрабатывать сайты любой сложности, не загружая их на хостинг. Достаточно установить Денвер на компьютер один раз [20]. Для установки «Denwer» нужно выполнить два простых шага: 21

 Первым шагом является скачивание пакета с официального сайта разработчика. Важно отметить, что программа предоставляется бесплатно. Для того, чтобы скачать пакет необходимо зарегистрироваться на сайте разработчика и ввести адрес электронной почты. Ниже расположена кнопка «Получить ссылку на e-mail», при ее нажатии на указанный адрес электронной почты придет ссылка для скачивания пакета Денвер.  Программа скачивается в формате *.ехе. Слудующим шагом необходимо запустить установщик программы. Установщик имеет консольный вид и интуитивно понятные действия (см. рисунок 12). Пользователю необходимо выполнять требования инструкции по установке. На последнем этапе установки рекомендуется создать виртуальный диск в операционной системе. Для этого необходимо выбрать цифру 1. Рисунок 12 - Начальное окно установки пакета «Денвер» Если установка Денвера прошла успешно, то на мониторе появится соответствующее окно (см. рисунок 13). 22

Рисунок 13 - Завершающее окно установки программы «Денвер» Таким образом, однократная установка пакета Денвер дает пользователю возможности по созданию и редактированию Web-ресурсов любой сложности на персональном компьютере, который является полноценным сервером. Перед тем, как приступить к установке CMS Wordpress на Denwer, необходимо создать базу данных и учетную запись для будущего сайта [9]. Для этого нужно перейти на главную страницу phpMyAdmin по следующему адресу: http://localhost/tools/phpmyadmin/index.php (для локального хоста), нажать пункт меню Базы данных. В открывшемся окне ввести название базы данных в поле Создать базу данных и нажать Создать. Введем имя нашей базы данных – mieno (см. рисунок 14). Рисунок 14 – phpMyAdmin. Вкладка Базы данных 23

База данных mieno теперь создана. На этом этапе уже готовы виртуальный хост с необходимыми файлами для CMS Wordpress и база данных. Далее можно переходить к установке Wordpress (см. рисунок 15). В результате запустится установка CSM WordPress и перед нами открывается страница приветствия, в которой необходимо ввести всю информацию о Вашем будущем блоге и нажать кнопку «Установить WordPress». Рисунок 15 – Установка Wordpress Процесс установки интуитивно понятен и не требует дополнительных знаний. После того, как все шаги были успешно выполнены, пользователь попадает в консоль CMS Wordpress, в которой непосредственно происходит разработка дизайна, создание разделов Web-ресурса (см. рисунок 16). 24

Рисунок 16 – Консоль CMS Wordpress Для того чтобы зайти в админ-панель Wordpress, необходимо прописать в адресной строке вашего сайта http://myblog.ru/wp-login.php где вместо myblog.ru будет адрес сайта, далее необходимо ввести имя пользователя и пароль, указанные при регистрации. 2.3 Компоненты CMS Wordpress Система управления контентом WordPress обладает набором компонентов, необходимых для создания и управления современным сайтом. WordPress дает ключевые возможности для создания веб-сайтов, отвечающих основным требованиям пользователей. После авторизации на сайте осуществляется переход в главное меню панели управления Wordpress. Разделы Панели управления делятся на два блока: блок контента и блок настроек [26]. 25

Первый блок включает в себя: раздел записи, раздел медиафайлы, раздел страницы, раздел комментарии. Непосредственно в этом блоке происходит редактирование, добавление или удаление содержания сайта (см. рисунок 17). Рисунок 17 – Блок контента Раздел записи является одним из самых значимых пунктов управления, т.к. они включают в себя весь контент, размещаемый и публикуемый на сайте. В него входят рубрики и метки. Рубрики позволяют разделить статьи по тематическим группам для удобства пользования материалами сайта, метки представляют собой быстрый поиск статей с определенной интересующей тематикой [3]. При создании и наполнении сайта факультета математики и естественнонаучного образования Педагогического института новостная лента была представлена в виде записей, разделенных на две рубрики: культурные мероприятия и научные мероприятия (см. рисунок 18). 26

Рисунок 18 – Раздел записи Раздел медиафайлы содержит в себе всю графическую часть сайта: изображения, музыка, видеофайлы [11]. В данном разделе сущетсвует возможность создания категорий изображений для создания библиотеки файлов, а так же редактировать изображения (см. рисунок 19). 27

Рисунок 19 – Раздел медиафайлы Раздел страницы подобен разделу записей, но он позволяет создавать статические страницы, которые содержатся в пунктах меню. Раздел комментарии позволяет модерировать комментарии пользователей на сайте. Следующий блок – блок настроек, который определяет внешний вид сайта. При создании сайта этому блоку было уделено особое внимание, так как именно внешний вид сайта первоначально привлекает пользователя [14]. Раздел внешний вид отвечает за навигацию по сайту. Он содержит подразделы тема, настройки темы, виджеты, меню, заголовок, редактор. Особое внимание уделяется созданию главного меню сайта. Анализ старого сайта факультета показал, что пользователи испытывают затруднения с поиском нужной информации. Отсюда следует вывод, что блоки меню требуют переформирования [17]. В итоге основными пунктами меню являются страницы о нас, абитуриенту, научка, полезные ссылки и вне учебы (см. рисунок 20). 28

Рисунок 20 - Меню Подраздел виджеты содержит информацию о быстрых компонентах для управления сайта. Виджеты — это независимые блоки содержимого, которые можно размещать в областях, предусмотренных темой (обычно их называют боковыми колонками) [16]. На сайте факультета предусмотрены два основных блока размещения виджетов: Footer и боковая колонка (см. рисунок 21). 29

Рисунок 21 – Виджеты В разделе Footer содержится виджет Контакты, который позволяет пользователям получить быстрый доступ к контактной информации о факультете, он включает в себя ссылки на социальные сети. Так же в этом блоке размещен плагин для слабовидящих. Боковая панель включает в себя свежие записи, представляющие ссылки перехода на 4 последних новостей и календарь событий. При создании сайта были использованы плагины. Плагины расширяют и дополняют функциональность WordPress [30]. В данном пункте панели управления осуществляется управление плагинами, их удаление, добавление, редактирование (см. рисунок 22). 30

Рисунок 22 - Плагины Плагин фотогалереи используется для визуального оформления изображений сайта, jQuery Smooth Scroll добавляет на каждую страницу сайта стрелку «Наверх», Post Views Counter – счетчик просмотров страниц и плагин для слабовидящих изменяет и адаптирует страницы сайта для просмотра слабовидящими [23]. При разработке сайта существует возможность редактирования графических элементов, предусмотренных темой оформления, а также добавление новых элементов. Так, для пункта меню «Наука» были созданы кнопки с использованием CSS (см. рисунок 23). 31

Рисунок 23 – Внешний вид кнопки Стандартные кнопки, созданные через тег <button> или <input type="button"> выглядят не актуальными. Но благодаря CSS стало возможным придать кнопкам современный и интересный внешний вид (см. рисунок 24) [32]. Рисунок 24 – Редактирование кнопки 32

Таким образом, качественный и интересный Web-ресурс позволяет быстро и просто познакомиться со структурой, событиями и новостями, почитать интересные материалы, а также, конечно же, способствует привлечению внимания новых пользователей сети Интернет. При разработке сайта необходимо уделять внимание каждой детали, чтобы сайт был современным с интуитивно понятной навигацией. 2.4 Размещение Web-ресурса Последней завершающей стадией работы над созданием сайта является размещение сайта в сети Интернет. Перед размещением сайта в сети Интернет необходимо провести его тестирование, то есть убедиться в том, что он правильно отображается разными браузерами, тексты хорошо читаются на выбранном фоне, рисунки расположены на своих местах, гиперссылки обеспечивают правильные переходы [14]. Особоеб лавнимание следует уделить ы ещ разм я и н отзавхостингу. Хостинг – это m см и ysqlуслуга по размещению сайта на ко ясерверехости и ан п м г, постоянно находящемсясай н т в сети Интернет; ехостингсер и ш луч гйможет быть, как н стплатным, так и бесплатным. Платным котры ер д и ехостингомстаья для размещения своихх гсайтов обычно phm н сти о yadinпользуютсяразм ещ юкрупные компании. При и н тэтом они получают удобное для п сай прочтенияси ервую тми запоминания доменноеп ервуюимя второго уровня, си котороем тм гможет совпадать с техн н и астер названием организации. Частные олги же хости глицако н я для своего сайтасер и ан п м гймогут воспользоваться и кбесплатным ц ав н аз хостингом, м код возможности б лакоторого ограничены по сравнению с п ы ьплатнымикотревариантами, а н ерч именноscrip af: небольшое дисковое горн tm аквпространствоалексв, ограничение размера м есотдельного н арти файла, доменное имя х гтолькоeditorтретьего уровнясай н сти о ти т. д., но их вполне достаточно для локаьн гдомашнихси тмстраниц пользователей и б стронекоммерческих сайтов. ы Главным м акснедостаткомб с бесплатных хостинговб ен ай аз является то, что при размещении ко етсайтад сп н к компания самостоятельно м о ж ви аксдобавляет на его страницы коммерческую сай рекламуp и ен р то . in ad y m h 33

Перечень общихо йдействий, касающихся seow ы альн ц и ф rdпереносасай т сайта на хостинг, есможет варьироваться в зависимости от кон н арти м теуиспользуемойп ьпрограммы CMS. Она сти ерм устанавливаетсяd alна площадке выбранного xinhaхостингам p ru лов, с ее помощью владелец хай и етсайта ож м сохраняет возможность xinhaуправлятьп етр им, дополнять его новойseow rd информацией и контентом, а пользователь щ ом п ью стаья– доступ к страницам б ласайта, его ы контенту и дизайну, б ласформированномулокаьн ы г из предварительно определенныхб с ен ай шаблонов [28]. В общем ар вслучаетр и х азм япроцесс переноса phm и н ещ yadinсайта на хостинг можно разм разделитьб ю и н ещ с ен ай на два этапа. В первуюр азм юочередь на сервер phm и н ещ yadinпереносятсяб стропапки и файлы, а useflзатем ы – база данных м ессайтаам н ти ар св. Папки и файлыую о ерв переносятся через п п етрадаптированныекотре программы, которые ср называются FTP клиентами [18]. ю еи авн База ко азданныхб м д лапереносится на хостингuseflв два этапа: сначала на ком ы ялокальныйалексв и ан п сервер, а с него – м еснепосредственно на хостинг. Для этого си н ти ар нужноarticlesобратиться в тм phpMyAdminго акв, выбрать базу код н р азданныхам м осв вашего сайта, кон теувыбрать вкладку «Экспорт» и главн переместитьarticles данные в файлкотре. В зависимости от условий м ы акввыбранногоо горн емхостинга, базу xinhaданных нужно будет slaedсоздаватьтехн щ б олгиповторно или использоватьб азу ту, которая была м гсозданастаья автоматически. После кон н астери етэтого, сп воспользовавшись вкладкой «м есИмпорти н арти ок»д ж в из phpMyAdmin нужностаья импортировать информацию, разм якотораявп и н ещ е ранее была п олн тэкспортирована из аю олуч локального сервера. 34

2 ПРЕДСТАВЛЕНИЕ ГОТОВОГО ПРОДУКТА 3.1 Руководство пользователя Рассмотрим готовый Web-ресурс факультета математики и естественнонаучного образования Педагогического института, который был сделан с помощью CMS Wordpress. На главной странице сайта отображается новостная лента и главные пункты меню. Прочитав новости, пользователь будет в курсе всех мероприятий и событий факультета (см. рисунок 25). Кроме того, на главной странице расположена кнопка «Поиск по сайту». Рисунок 25 – Главная страница сайта Так же на главной странице Web-ресурса расположена контактная информация факультета (см. рисунок 26). 35

Рисунок 26 – Контактная информация Раздел «О нас» содержит информацию о структуре факультета. Здесь отображена краткая историческая информация, а также возможен переход по подразделам «Деканат», где можно получить информацию о работниках деканата, а также их контактную информацию, раздел «Кафедры», в котором содержится справочная информация о составе кафедры и основных направлениях обучения и «Выпускники», отображающий информацию о выдающихся выпускниках факультета 36 (см. рисунок 27).

Рисунок 27 – Отображение раздела «О нас» Раздел «Абитуриенту» позволяет перейти на сайт приемной комиссии, где можно узнать о правилах приема, а так же содержит контактную информацию приемной комиссии (см. рисунок 28). 37

Рисунок 28 – Отображение раздела «Абитуриенту» Из раздела «Наука» можно перейти на подразделы «Научные направления», «Научные мероприятия» и «Школа НИУ «БелГУ», на которых можно получить актуальную информацию о научных конференциях, проводимых на факультете и научных направлениях, реализуемых на кафедрах (см. рисунок 29). Рисунок 29 – Отображение раздела «Наука» В разделе «Полезные ссылки» представлены кнопки быстрого перехода на сайты НИУ «БелГУ», а также содержит документы по организации учебной работы (см. рисунок 30). 38

Рисунок 30 – Отображение раздела «Полезные ссылки» В разделе «Вне учебы» содержится информация о студенческих объединениях, функционирующих на факультете, а также о студенческой жизни факультета (см. рисунок 31). 39

Рисунок 31 – Отображение раздела «Вне учебы» Важно отметить, что данный раздел содержит выполненную в современном стиле (см. рисунок 32). 40 фотогалерею,

Рисунок 32 – Отображение фотогалереи Важно отметить, что страницы сайта содержат ссылки быстрого перехода к последним новостям и календарь событий в правом блоке дополнительной информации. Кроме того, для удобства пользования Webресурсом была добавлена кнопка наверх, которая позволяет быстро перейти к верхней части страницы, которая содержит ленту меню (см. рисунок 33). 41

Рисунок 33 – Блок дополнительной информации Разработанный Web-ресурс отвечает современным стандартам сайтостроения. В нижнем блоке сайта располагается кнопка «Версия для слабовидящих», позволяющая адаптировать сайт для пользователя с нарушением зрения (см. рисунок 34). 42

Рисунок 34 – Кнопка для слабовидящих При активации версии для слабовидящих сайт примет упрощенный вид (см. рисунок 35). Рисунок 35 – Отображение версии для слабовидящих 43

Важно отметить, что при создании Web-ресурса необходимо обеспечить его совместимость с устройствами. Web-ресурс должен быть адаптирован как для браузера, так и для мобильных устройств, планшетных ПК. Сайт факультета математики и естественнонаучного образования обеспечивает комфортный просмотр страниц как с мобильных устройств (см. рисунок 36), так и с планшетных компьютеров (см. рисунок 37). Рисунок 36 – Просмотр сайта с мобильных устройств 44

Рисунок 37 – Просмотр сайта с планшетного ПК Следовательно, качественный и интересный Web-ресурс позволяет быстро и просто познакомиться со структурой, событиями и новостями, почитать интересные материалы о факультете, а также способствует привлечению внимания новых пользователей сети Интернет. 3.2 Рекомендации по защите Web-ресурса На начальном этапе создания сайта важно уделять внимание его защите и безопасности. В CMS Wordpress есть проблемные места, поэтому важно 45

знать способы их устранения для защиты сайта от взлома, вирусов и различных атак. Приведем ряд рекомендаций, которые помогут защитить сайт от несанкционированного доступа. Первое, на что следует обратить внимание – это смена стандартного логина. Под угрозу попадают такие стандартные логины, как admin, user, moderator, administrator. Поставить сложный пароль. Необходимо придумать новый сложный пароль, который будет включать в себя буквы разного регистра, символы, цифры. Сложный пароль должен быть для всех сервисов, связанных с сайтом: почта, хостинг и т.п. Своевременное обновление WordPress. Время от времени появляются новые версии, уведомления висят прямо в панели управления. Необходимо сделать резервную копию сайта, обновить и проверить работоспособность. Чем новее версия, тем сложнее взломать систему – появляются новые уровни защиты, и старые методики взлома не работают. Особое внимание нужно обратить на плагины Wordpress для защиты контента. Устанавливать их можно только с официального сайта CMS Wordpress, в противном случаем сайт подвергается риску. Рассмотрим некоторые полезные плагины. Плагин Limit Login Attempts – для ограничения попыток авторизироваться. Если 3 раза неправильно ввести логин и пароль, доступ будет заблокирован на N минут/часов. Wordfence Security – плагин для проверки сайта на вирусы и вредоносные изменения в кодах. Для запуска достаточно установить и нажать Scan. Но после проверки желательно отключить, чтобы не создавать дополнительную нагрузку на сайт. WordPress Database Backup – автоматически высылает на почту резервную копию базы данных вашего сайта. Регулярность можно установить самостоятельно – раз в день или еженедельно. Rename wplogin.php – изменяет адрес входа в панель управления со стандартного http://Ваш_домен/wp-admin. Anti-XSS attack – защищает блог от XSS-атак. 46

Систематическое создание резервных копий – или с помощью плагина WordPress Database Backup, или вручную. У некоторых хостеров это происходит автоматически, так что вы в любой момент можете восстановить сайт при проблемах. Таким образом, соблюдение обезопасить веб-сайт от взлома. 47 данных рекомендаций поможет

ЗАКЛЮЧЕНИЕ В ходе выполнения выпускной квалификационной работы был получен полнофункциональный Web - ресурс факультета математики и естественнонаучного образования Педагогического института НИУ «БелГУ» полностью готовый к применению. Он представляет собой информационную и коммуникационную площадку, ориентированную на студентов, абитуриентов и преподавателей. Проанализировав существующие системы управления контентом была выбрана наиболее подходящая и качественная система CMS Wordpress, которая позволяет сделать современный Web-ресурс с интересным дизайном. Основной задачей при создании Web-ресурса, являлась разработка шаблона сайта, а именно его структура. Ведь в большинстве случаев от них зависит программная скорость загрузки Web-страниц. Не стоит упускать и тот факт, что именно по этим параметрам пользователи оценивают ресурс. При разработке Web-ресурса было уделено внимание дополнительным модулям и виджетам, которые облегчают поиск информации на сайте. Ресурс был дополнен модулем поиска информации по сайту, галереей, отображающей интересующие события, подразделенные на категории, возможностью добавления новостей, информации и программ, а также версией для слабовидящих. Так, добавленная информация на сайт предоставлена для всеобщего ознакомления и обозрения в сети Интернет. Таким образом, при выполнении работы поставленные задачи были выполнены в полном объеме. Была выбрана система управления контентом сайта (CMS), разработан дизайн и шаблон сайта факультета математики и естественнонаучного образования Педагогического института НИУ «БелГУ», сайт был наполнен необходимой информацией, полезными модулями, также сайт был размещен в сети Интернет и были проведены мероприятия по защите ресурса. 48

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 1. Байков В.Ф. Интернет. Поиск информации и продвижение сайтов. – М.: Книга по Требованию, 2012. – 288 c. 2. Бартлетт Д. Wordpress для начинающих. – М.: Мега, 2014. – 458 с. 3. Быстро и легкоф рсоздаем, программируем, зави ед отшлифуемб см ази раскручиваем Web-сайт: [о учеб. пособие] / под ред. Ю.М. Алексеева. – М.: м й ы альн ц и ф гЛучшиезм н астери раекниги, 2016 – 426 с. 4. Венедюхин А.В. Создание сайтов (+ CD-ROM). – М.: Эксмо, 2014. – 528 c. 5. Гарднер Л. Разработка веб-сайтов для мобильных устройств. – М.: Эксмо, 2013. – 448 c. 6. Горнаков С.Г. Осваиваем популярные якутссистемып ьуправления сайтом. н ерч – СПб.: ДМК Пресс, 2015. - 336 с. 7. Грачев А.И. Создаем свой сайт на WordPress. Быстро, легко и бесплатно. – М.: Юпитер, 2016. – 288 с. 8. Джон К. CMS Wordpress. Руководство по разработке системы управления сайтом. – М.: Вильямс, 2017. – 400 c. 9. Дронов В.Н. HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов. – СПб.: БХВ, 2015. – 216 c. 10. Костин С.П. Самоучитель создания Web-сайтов. – М.: Триумф, 2014. – 176 c. 11. Кристофер Б.Дж. 140 технологий раскрутки сайтов. – М.: Рид Групп, 2013. – 352 c. 12. Кузнецов М.Н. PHP. Практика создания Web-сайтов. – СПб.: Петербург, 2012. – 347 c. 13. Максимов В.В., Алексеев А.В., Лыткин С.Д. Технологии п тсоздания аю олуч Web-сайтов. – б Якутскси азу в.: Якут. фил. Изд-вакод о ян д м азСО РАН, 2016. – 44 с. м 49

14. Мартинес А. Секреты создания ф укнедорогого Web-сайта : Как создать орч ед и editorподдерживатько аз удачный Web-сайтslaed, не потратив ни копейки. – М.: ДМК м д Пресс, 2016. – 414 с. 15. Михайлов О.А. главн Созданием м ы есВеб-сайтов и их обновление. Федер. арх. н арти служба isb Россиио n , Рос. о-во историков-архивистов,об ем щ б щ емРос. гос. архив науч.-техн. аздокументациир м код е. – М. : МАКС Пресс, 2014 – 47 с. азм 16. Могилев А.В., Пак Н.И., Хеннер Е.К. Информатика. – М.: «Академия», 2013. – 586 с. 17. Нидерст Дж. Web - мастеринг для профессионалов. phm yadinНастольный справочник – СПб.: m lПитерф sq y , 2013. – 240 c. р ед 18. Номейн А.Н. Оптимизация сайта на Wordpress под поисковые системы. – М.: Издательские решения, 2017. – 79 с. 19. Об утверждении Правил размещения на официальном сайте образовательной организации в информационно-телекоммуникационной сети "Интернет" и обновления информации об образовательной организации: Постановление Правительства РФ от 10.07.2013 N 582 (ред. от 07.08.2017) [Электронный ресурс]. Доступ из справ.-правовой системы «КонсультантПлюс». - URL: http://www.consultant.ru (дата обращения 08.11.2017). 20. Олифер В.Г Компьютерные сети. Принципы, технологии, протоколы: Учебник для вузов. 2-е изд. – СПб.: Питер, 2014. – 864 с. 21. Сабин-Вильсон Л. WordPress для чайников. – М.: Вильямс, 2014. – 368 c. 22. Сергеев А.Н. Создание сайтов на основе Wordpress. – М.:Владос, 2017. – 285 с. 23. Симонович С.В Информатика: Базовый курс. – СПБ.:Питер, 2012. – 400 с. 24. Уильямс Б., Дэмстра Д. WordPress для профессионалов. Разработка и дизайн сайтов. – М.: Сталлос, 2014. – 159 с. 50

25. Уэйншенк С. 100 главных принципов дизайна. Как удержать внимание. – СПб.: Таллос, 2014. – 208 с. 26. Федорчук А. Как создаются Web-сайтыси .– СПб.: Питер, 2012. – 224б тм азусархи в. 27. Фрейен Б. HTML5 и CSS3.Разработка сайтов для любых браузеров и устройств. – М.: Эксмо, 2014. – 304 c. 28. Фридланд А.Я., Ханамирова Л.С. Информатика и компьютерные технологии. – М.: Астрель, 2013. – 204 с. 29. Фридман В.А., Александров А.В., Строительство Web-сайтов (+ CD-ROM). – М.: Триумф, 2016. – 288 c. 30. Хуторской А.В., Орешко А. П. Технология создания сайтов. 10-11 классы. – М.: Дрофа, 2015. – 256 c. 31. Чебыкин Р.А. Разработка и оформление текстового содержания сайтов. – М.: Групп, 2014. – 528 c. 32. Чои Вин. Как спроектировать современный сайт. – М.: Юпитер, 2014. – 192 с. 33. Шевченко О.А. Требования к разработке Web-ресурсов образовательных учреждений на примере сайта факультета математики и естественнонаучного образования Педагогического института НИУ «БелГУ» / О.А. Шевченко, О.Н. Сатлер. – Актуальные проблемы развития науки и современного образования. – Сборник научных статей II Международной научно-практической конференции 10 апреля 2018 года. Общая редакция: Л.В. Красовская .- Белгород: ИД «Белгород» НИУ «БелГУ», 2018.- 53-56с. 51

Рецензии:

Авторизуйтесь, чтобы добавить рецензию

- у работы пока нет рецензий -

Отзывы:

Авторизуйтесь, чтобы оставить отзыв