Более подробно об этом можно посмотреть на ре-сурсе https://developers.google.com/analytics/devguides/collection/analyticsjs/ single-page-applications?hlru.


Чтобы посмотреть этот PDF файл с форматированием и разметкой, скачайте его и откройте на своем компьютере.
��Екатеринбург 2018
Министерство образования и науки Российской Федерации
Федеральное государственное автономное образовательное учреждение
высшего образования
«Российский государственный профессионально
педагогический университет»
WEB
САЙТ НАУЧ
НОГО ЖУРНАЛА «ЛИЧНОС
ТЬ, П
РАВО,
ГОСУДАРСТВО»
Выпускная квалификационная работа
по направлению
подготовки
44.03.04 Профессиональное обучение
(по отраслям)
профилю подготовки «Информатика и вычислительная техника»
профилизации «Компьютерные технологии»
Идентификационный номер ВК
Р:
��Екатеринбург 2018
Министерство образования и науки Российской Федерации
Федеральное государственное автономное образовательное учреждение
высшего образования
«Российский государственный профессионально
педагогический университет»
Институт инженерно
педагогического
образования
Кафедра информационных систем и технологий
К ЗАЩИТЕ ДОПУСКАЮ
Заведующая кафедрой ИС
С. Толстова
2018 г.
ВЫПУСКНАЯ КВАЛИФИКА'
ИОННАЯ РАБОТА
WEB
САЙТ НАУЧНОГО ЖУРНАЛ
А «ЛИЧНОСТЬ, ПРАВО,
ГОСУДАРСТВО»
Исполнитель:
студентка
группы №
ЗКТ
В. В. Неуступова
Руководитель:
канд. пед. наук, доцент
С. Власова
Нормоконтролер:
Хохлова
�� &#x/MCI; 0 ;&#x/MCI; 0 ;АННОТА'ИЯ
Выпускная квалификационная работа состоит из
web
сайта научного
журнала «Личность, право, государство»
и пояснительной
запис
на
страниц
ах
, содержит 3
рисунков,
1 таблицу, 3
источник
тературы, а
также 1 приложение на 1 странице.
Ключевые слова:
WEB
САЙТ,
ЛИЧНОСТЬ, ПРАВО, ГОСУДА
СТВО
ЖУРНАЛ
ЮРИСПРУДЕН'ИЯ
, ДИЗАЙН
ПРОЕКТ
Неуступова В. В.,
сайт научного журнала
Личн
ость, право
гос
дарство
: выпускная квалификационная работа / В.В. Неуступова; Рос. гос.
проф.
пед. ун
т, Ин
т инж.
пед. образования, Каф. информ. систем и технол
гий.
Екатеринбург, 2017.
61 с.
работе рассмотрен способ создания web
сайта и приложения
для
управления выпусками журналов.
'елью работы является создание сайта для научного журнала «Ли
ность, право, государство» и приложения для управления контентом. Для д
стижения цели были
проанализ
ированы существующие сайты на которых
размещают статьи, из
учены средства реализации, выбран подходящий цикл
разработки.
Был
разработан
структура сайта, его дизайн
, так же структура
приложения.
Рассмотрены сценарии поведения пользователя на сайте
, в п
нели управления контентом
. На основе этих данный был разработ
ан
сайт и
приложение, так же инструкция для администратора.
В связи с тем, что сайтов сейчас очень много, на первое место выступ
ет не желание запомниться пользователю с первого взгляда, а
верно пр
смотреть пользовательские сценарии и исключить вероятность
того, что
пользователь сделает ошибку
перейдет не по той ссылке, нажмет не на ту
ссылку.
Поэтому большое внимание уделено
User Interface
User
Experience (дословно опыт пользователя
пользовательский интерфейс)
зайну.
��3 &#x/MCI; 1 ;&#x/MCI; 1 ;СОДЕРЖАНИЕ
1 Характеристика
web
сайтов
1.1
Анализ существующих источников
................................
................................
.......
1.2
Требования к
публикуемым статьям
................................
................................
...
1.3
Этапы разработки программного продукта
................................
......................
1.4
Средства реализации
................................
................................
................................
..
2 Создание
web
сайта для интернет
журнала «Личность, право, государство»
2.1
Характеристика заказчика
................................
................................
........................
2.2
Актуальность проекта
................................
................................
................................
2.3
'ель и назначение проекта
................................
................................
......................
2.4
Эргономические и системные требования к дизайну про
екта
.................
2.5
Входные данные к проекту
................................
................................
......................
2.6
Дизайн
................................
................................
................................
...............................
2.7
Прилож
ение для администратора
................................
................................
.........
2.8
Тестирование
web
сайта
................................
................................
...........................
2.9
Технические требования к проекту
................................
................................
......
2.10 Инструкция для администратора сайта
................................
..............................
Заключение
................................
Список использованных источников
Приложение
��4 &#x/MCI; 0 ;&#x/MCI; 0 ;ВВЕДЕНИЕ
Актуальность
Анализ современн
ых источников
показал постоянный рост объема и
формации
Поиск и систематизация
содержания
информации
требую
т новых,
более эфф
ектив
ных средств коммуникации.
Аудитория в настоящее время
чаще обращается к электронным источникам, нежели к печатным. Это и
спровоцировало появление электронных журналов, библиотек, в общем са
тов, на которых авторы, публицисты располаг
али бы свои научные статьи.
Студенты, школьники, все обучающиеся, преподаватели и многие другие
имеют
открытый доступ к таким ресурсам. Имея ограниченное время на п
иск информации,
существование открытых источников помогает искать и
формацию в любой точке
где бы, ты не находился.
Обучающиеся
хотят
быстро получить ответы на
заданные ими
вопросы, бегло просматривая
формацию на странице сайта
, изучая
результат
и выбирая самое
подходящее
и необходимое
на их взгляд
. В этом и есть актуальность темы данной работ
ы,
сайт помогает легко найти именно ту информацию, которую необходимо
Для того, чтобы поиск на сайте был легким и быстрым,
интерфейс должен
быть простым и понятным. В данный момент, этому уделяется большое вн
мание. Пользователь посещает сайт с какой
то ц
елью и соответственно хочет
ее достичь. Если
в процессе реализации цели он сталкивается с множеством
проблем таких как, например, не может найти нужный раздел для просмотра
номера и опубликованных в нем статей или же не может найти ссылку
(кнопку) для того
, чтобы начать заполнять форму для подачи заявки, все это
составляет плохое впечатление и пользователь вряд ли отзовется хорошо о
сайте или, даже, вряд ли вернется на него с такой же целью.
Поэтому, во
время разработки особое внимание уделялось тому, как у
добно и компактно
разместить информацию.
��5 &#x/MCI; 0 ;&#x/MCI; 0 ;Сейчас существует множество различных систем управления содерж
мым (конте
нтом) (англ.
Content
management
system
CMS
для разработки
сайта и главная их цель сделать разработку проще и быстрее, а в последствии
поддер
живать сайт с удобством для пользователя. Существующие
CMS
ют множество различных функций, которые бы не использовались в данной
разработке. Так же они имеют свои особенности, которые ограничивают во
можности расширения, изменения личного кабинета. Поэт
ому, в ходе выпо
нения работы, был
разработан
панел
администрирования для управления
контент
на сайте журн
ла «Личность, право, государство».
Объект исследования
деятельность электронного научного
практического журнала.
Предмет
web
сайт электронно
го научно
практического журнала.
'ель
разработать web
сайт электронного научно
практического
журнала "Личность, право, государство" и панель администрирования web
сайта.
Задачи
изучить средства реализации web
сайтов;
выбрать подходящий цикл разработки
web
сайта;
изучить требования к публикуемым научным статьям;
разработать web
сайт;
разработать административную часть web
сайта.
��6 &#x/MCI; 0 ;&#x/MCI; 0 ;1
ХАРАКТЕРИСТИКА
WEB
САЙТОВ
1.1
Анализ существующих источников
Сайты, которые публикуют научные стат
могут иметь совершенно
разн
ый формат и различий может быть достаточно много.
В зависимости от
направления научного журнала его сайт может
быть одностраничным или же
наоборот, быть большим
портал
ом
с
множеством статей и
элементами соц
альной сети.
Сайт как Интернет
магазин
Крупн
е и
здательства
, часто превращают свой сайт в интернет
магазин. Такие издательства самостоятельно занимаются распространением
свое
й проду
кции, такой как книги и журналы, а отсутствие посредников
только положительно влияют на такого рода деятельность.
Распрост
ранение
через сайт делает эту
процедуру
более удобной и доступной для клиентов,
посетителей сайта.
Формат распространения часто не только печатные ве
сии, но и электронные. Примером такого сайта может послужить сайт
инте
нет магазина
litres.
ru
рисунок
сайт издательства Юрайт
http://urait.ru/
очется отметить
что
такой
сайт вряд ли подойдет для нового журнала
потому, что статей, контента, какой
либо информации очень мало для пр
дажи. О
н подойдет
больше д
ля крупных издательств
, так как материалов д
ля
распр
странения и продажи у издательства очень много.
Одностраничный сайт
Сайт
визитка или одностраничный сайт
его особенность заключае
ся в том, что объем информации, а также функционал на таком сайте сильно
ограничен. На сайте
как правило
размещ
ена основная информация о журн
ле: название, описание, контакты, тематика публикаций. Сайт имеет не
больше пяти страниц. Часто такой сайт принадлежит новому журналу, кот
��7 &#x/MCI; 0 ;&#x/MCI; 0 ;рый еще не имеет достаточного количества статей для размещения и активно
развив
ется.
Рисунок 1
нтернет
магазин litres.ru
Информационный портал
Портал подходит как
для журналов,
выпускающих статьи одной тем
тики, одной отрасли
или же для определенного издательства.
Пример на р
сунке
Такие сайты располагают в
новостной
ленте инфо
рмацию о выходе
нового журнала или статьи
. Есть возможность оформить подписку для того,
чтобы получать уведомление о размещении новой статьи. Часто сайты пу
ликуют статьи на нескольких языках
, что расширяет его аудиторию. На них
присутствует поиск по
рубри
кам, ключевым словам, авторам и др.
Сайт как социальная сеть
На таком сайте присутствует возможность регистрации читателей
торов
журнала. Такой функционал на сайте присутствует для того, чтобы
упростить и ускорить общение между посетителями. На сайте
есть возмо
ность комментирования статей, их оценки, возможность переслать публик
а-
цию личным сообщением.
Рисунок 2
айт издательства научного журнала «Дизайн и технологии»
http://d
and
t.ru/
Такие сайты чаще всего имеют журналы с большой аудиторией, ч
асто
выпускающие материалы.
Такой вид сайта помогает издателям общаться с
аудиторией, отслеживать их желания и недовольства, быстро совершенств
ваться.
Сайт на платформе интернет сообщества
На
сайте
появляется
самостоятельный раздел,
посвященный журналу,
как только последний проходит регистрацию. Иногда
для журнала, раздела
для него, выделяют доменное имя второго или третьего уровня.
Использование ресурсов сайта для журнала бесплатно и это является
большим плюсом. Так же часто присутствует возможность вест
и свою н
востную ленту, оповещающую не только о новых выпусках, но и о
каких
то
мероприятиях,
связанных с журналом. Возможность публикации электро
ных
версий журнала. Версии могут быть как полные, так и урезанные. Часто
это решение зависит только от самого
журнала или газеты.
Журнал на пла
форме другого сайта это отличная возможность для издателей расширить
свою аудиторию.
Пример на рисунке
Естественно у такого способа ра
зм
щения есть и свои ограничения. У портала, на котором размещается журнал
уже есть
свой стиль, поэтому журнал должен соответствовать ему и не выб
ваться из общей картины. К минусам так же можно отнести то, что кроме
выделенных возможностей добавить что
то свое
чаще всего нет возможн
сти.
Поэтому нововведения, какие
то дополнительные воз
можности будут
вводиться очень медленно или же такой возможности вообще не будет.
Рисунок 3
айт журнала «
Российское право: образование, практика, наука
http://www.usla.ru/ch.php?mid=13&cid=13&obid=7645
Сайт как онлайн
библиотека
Размещение
журнала
базе электронной библиотеки кажется простым
способом. Электронная библиотека уже имеет своих посетителей, пользов
телей и это обеспечивает новому журналу потенциально уже большую
ауд
торию, чем был бы создан отдельный сайт. С помощью библиотеки
поиск
урнала
будет упрощен, он будет отражаться в соответствующих рубриках
(рисунок 4
Так же поиск по самому журналу будет стандартизирован и п
нятен пользователям данной электронной библиотеки.
рисутствует во
можность рассказать о журнале
, книге, разместить
полное
содержание от в
ы-
пуска к выпуску.
Рисунок 4
лектронная библиотека Юрайт
Многие минусы здесь такие же
как у сайта на платформе интернет с
общества
. К ним относятся
отсутствие
возможности добавить
какие
то
«фишки» журналу. Оформить страницу по ж
еланию журнала, чтоб она ярко
выделялась на фоне остальных и другие. А это же очень важно, так как пе
вое впечатление о журнале создается по его оформлению,
по тому, что пре
лагает журнал и это касается не только самих статей, но и, например, во
можность и
х скачать в том виде, в котором они были
присланы автором. Е
ли же рассматривать с позиции публициста, автора статьи то каждый
хочет,
чтоб
журнал,
в котором опубликуют его работу
был популярен, с хорошей
базой статей. Чтоб его статья не затерялась на фоне
тысячи таких же. Би
лиотека не может предоставить такой возможности, это и есть минусы эле
тронных библиотек.
Примером такого сайта может послужить сайт издательства Юрайт
Издательство распространяет свою продукцию через сайт, кроме того, на
сайте есть
обзоры
учебников по
определенным дисциплинам, в
идеоп
резент
новых учебников, вебинары. Так
же в 2015 году издательство расшир
ло
свою деятельность и создало
первы
электронны
и онлайн
курс
ы, а то
нее,
контент
для них, на базе лучших учебников издательст
ва.
Сайт в свою оч
е-
редь
разместил информацию о таких курсах их состав и стоимость.
��11 &#x/MCI; 0 ;&#x/MCI; 0 ;Рассмотрим примеры существующих сайтов
разного объема и назнач
е-
на которых размещают
научные
статьи.
КиберЛенинка
https://cyber
leninka.ru/
КиберЛенинка
представлена на рисунке
это
научная электронная
библиотека, построенная на парадигме открытой науки (Open Science), о
с-
новными задачами которой является популяризация науки и научной де
я-
тельности, общественный контроль качеств
а научных публикаций, развитие
междисциплинарных исследований, современного института научной реце
зии, повышение цитируемости российской науки и построение инфрастру
туры знаний.
Библиотека комплектуется научными статьями, публикуемыми в жу
налах России
и ближнего зарубежья, в том числе, научных журналах, вкл
чённых в перечень ВАК РФ ведущих научных
издательств для публикации
результатов диссертационных исследований.
Рисунок
Главная страница сайта https://cyberleninka.ru/
��12 &#x/MCI; 0 ;&#x/MCI; 0 ;Научные тексты, представле
нные в библиотеке, размещаются в инте
нете бесплатно, в открытом доступе и могут быть найдены как с помощью
популярных поисковых систем, так и посредством системы полнотекстового
научного поиска с поддержкой русской морфологии на сайте библиотеки.
Пользова
телям библиотеки предоставляется возможность читать научные
работы с экрана планшета, мобильного телефона и других современных м
бильных устройств
&#x/MCI; 1 ;&#x/MCI; 1 ;8&#x/MCI; 2 ;&#x/MCI; 2 ;]. &#x/MCI; 3 ;&#x/MCI; 3 ;Сайт осуществляет поиск по размещённым статьям, есть возможность
выбрать фи
льтр определенной научной базы (прим. ВАК, RSC, AGRIS, CAS
и др.)
осмотреть все публикации определенного журнала.
Можно читать
копировать
размещенные статьи
в соответствии с правилами
У сайта сде
жанный дизайн, это необходимо для того, чтобы не отвлека
ть
пользователя
от поиска необходимой ему информации.
eLIBRARY.RU
научная
электронная библиотека
Платформа eLIBRARY.RU (рисунок 6
) была создана в 1999 году по
инициативе Российского фонда фундаментальных исследований для обесп
чения российским ученым э
лектронного доступа к ведущим иностранным
научным изданиям. С 2005 года eLIBRARY.RU начала работу с русскоязы
ными публикациями и ныне является ведущей электронной библиотекой
научной периодики на русском языке в мире
&#x/MCI; 6 ;&#x/MCI; 6 ;26&#x/MCI; 7 ;&#x/MCI; 7 ;]. &#x/MCI; 8 ;&#x/MCI; 8 ;На
сайте eLIBRARY.RU можно посмотреть рефераты, научные статьи
и публикации, журналы различной тематики.
Общее число зарегистрированных институциональных пользователей
(организаций)
более 2800. В системе зарегистрированы 1,7 миллиона и
дивидуальных пользов
ателей из 125 стран мира. Ежегодно читатели получ
ют из библиотеки более 12 миллионов полнотекстовых статей и просматр
вают более 90 миллионов аннотаций.
Свыше 4500 российских научных жу
налов размещены в бесплатном
открытом доступе. Для доступа к остальны
изданиям предлагается возможность подписаться или заказать отдельные
публ
кации.
Рисунок
eLIBRARY.RU
Научная электронная библиотека стала победителем конкурса Мин
стерства образования и науки России на создание национального индекса
научного цитиро
вания
РИН' (Российский индекс научного цитиров
ния)
&#x/MCI; 5 ;&#x/MCI; 5 ;26&#x/MCI; 6 ;&#x/MCI; 6 ;]. &#x/MCI; 7 ;&#x/MCI; 7 ;Научный журнал «Молодой ученый»
https://moluch.ru/
Журнал
Молодой ученый
представленный на рисун
выходит
еженедельно. Прин
имаются к публикации статьи на русском, английском,
немецком и французском языках
Что примечательно, журнал не входит в список «Список ВАК» и
РИН'.
«Молодой ученый» размещается на портале elibrary.ru. Журнал входит
в международный каталог периодических из
даний Ulruch’s Periodicals
��14 &#x/MCI; 0 ;&#x/MCI; 0 ;Directory, а все статьи журнала индексируются системой Google Scholar
(«Академия Google»)
Рисунок 7
Главная страница научного журнала «Молодой ученый»
У журнала нет одной определенной темати
ки. Статьи принимаются и
размещаются в рубриках
таких как
математика
физика
биология
др. (Полный актуальный список рубрик каждого журнала можно посмотреть
на сайте, на странице этого журнала. Пример:
https://moluch.ru/archive/184/
За счет свое
го дизайна сайт быстро запоминается
Публикация статьи в
журнале «Молодой ученый»
является платной и зависит от объема статьи.
1.2
Требования
к публикуемым статьям
Требования для публикации материала на сайте журнала, библиотеки
могут быть разными. Часто это
зависит от того хочет ли журнал
соответств
вать требованиям и
попада
в международные базы данных научного цит
рования
Web of Science
Scopus
, РИН'
ли, например, в том
быть в
списке
ВАК
ВАК
это Высшая аттестационная комиссия при
Министерств
е обр
зов
ания и науки России
, которая отвечает за
гос
ударственную
аттестацию
��15 &#x/MCI; 0 ;&#x/MCI; 0 ;научных и научно
педагогических работников. Чтобы получить ученую ст
е-
пень или звание, например
стать кандид
том
медицинских наук, необходимо
следовать определенным нормам. Последние пропи
саны в Постановлении
Правительства
Российской Федерации
от 24.09.2013 г.
842 «О порядке
присуждения ученых степеней».
К примеру, если вы планируете стать ка
дидатом наук, то до защиты у вас должно быть не менее 2 публикаций, в к
торых представлены резу
льтаты вашего исследования. Для ряда специальн
стей их число должно быть не меньше трех. Базовые научные результаты
диссертации должны быть представлены в так называемых реце
зируемых
научных изданиях. Список этих изданий постоянно меняется, так что перед
каждой публикацией своей научной статьи вы должны изучать его самую н
вую версию. Сам перечень рецензируемых научных изданий представлен на
сайте ВАК в разделе Но
рмативно
справочной информ
ции
&#x/MCI; 1 ;&#x/MCI; 1 ;26&#x/MCI; 2 ;&#x/MCI; 2 ;]. &#x/MCI; 3 ;&#x/MCI; 3 ;Рассмотрим
требования,
предъ
являемые к статьям
РИН'
Для участия в российском индексе научного цитирования (пригодится
для попадания в список ВАК)
необходимо
заключить договор с eLibrary.ru.
Это бесплатно.
Российский индекс научного цитирования (РИН')
это
национальная информационно
аналитическая система, аккумулирующая б
лее 12 миллионов публикаций российских ученых, а также информацию о
цитировании этих публикаций из более 6000 российских журналов. Она
предназначена не только для оперативного обеспечения научных исследов
а-
ний актуал
ьной справочно
библиографической информацией, но является
также и мощным инструментом, позволяющим осуществлять оценку резул
тативности и эффективности деятельности научно
исследовательских орг
низаций, ученых, определять уровень научных журналов и т.д.
&#x/MCI; 6 ;&#x/MCI; 6 ;26&#x/MCI; 7 ;&#x/MCI; 7 ;]. &#x/MCI; 8 ;&#x/MCI; 8 ;В РИН' в последние годы стали включатся и другие типы научных
публикаций: учебные пособия, диссертации, монографии, доклады с конф
ренций. В базе содержатся следующие сведения: сведения о
авторах, назв
а-
ние, ключевые слова,
предметная область, так же места
работы авторов, а
��16 &#x/MCI; 0 ;&#x/MCI; 0 ;нотации, списки литературы. Так как Научная библиотека интегрирована с
РИН'
пользователь
чаще всего имеет возможность ознакомит
ся с полным
текстом
публикации.
Для всех российских журналов в РИН' рассчит
ывается как классич
ский импакт
фактор, который широко используется во всем мире для оценки
уровня научных журналов, так и более сложные библиометрические показ
а-
тели, учитывающие целый ряд дополнительных факторов, влияющих на в
е-
личину импакт
фактора, и поз
воляющие скорректировать это влияние. В
частности, учитывается тематическое направление исследований, объем, с
став и хронологическое распределение журналов в базе данных, самоцитир
вание и цитирование соавторами, возраст публикации, число соавторов, а
тор
итетность ссылок (кто процитировал) и т.д. Аналогичные показатели ра
счит
ваются и для научных организаций и отдельных ученых. Кроме того,
списки публикаций и цитирований каждого автора, организации или журнала
могут быть проанализированы путем построения
распределений по тематике,
году, журналу, в котором была опубликована работа, соавторам, организац
ям, в которых выполнялись работы, типу
публикаций и т.д.
&#x/MCI; 2 ;&#x/MCI; 2 ;26&#x/MCI; 3 ;&#x/MCI; 3 ;]. &#x/MCI; 4 ;&#x/MCI; 4 ;РИН' имеет соглашения с компаниями Thomson Reuters и Elsevier,
зволяющие делать запросы непосредственно в базы данных Web of Science
и Scopus и получать оттуда текущие значения показателей цитирования пу
ликаций. Таким образом, в интерфейсе РИН' можно увидеть одновременно
число цитирований публикации в РИН', Web of Sc
ience и Scopus.
Требования к статьям
Требования к статьям:
бъем статьи
от 6 страниц (с учетом перевода
необходимых сведений на английский язык)
&#x/MCI; 7 ;&#x/MCI; 7 ;26&#x/MCI; 8 ;&#x/MCI; 8 ;]. &#x/MCI; 9 ;&#x/MCI; 9 ;Сведения об авторе должны включать:
фамилию и инициалы автора на русском
языке строчными буквами
А. В. Петров
);
фамилию и инициалы автора в английской транслитерации стро
ными буквами (A. V. Petrov);
��17 &#x/MCI; 2 ;&#x/MCI; 2 ;• место работы каждого автора
официальное название вуза в
начальной форме на русском языке (например, ФГАОУ ВО «Российский го
уда
ственный профессионально
педагогический университет»);
место работы каждого автора
официальное название вуза в
началь
ной форме на английском языке;
местожительство автора (город) на русском языке;
местожительство автора (город) в английской трансл
итерации;
ученую степень, звание, должность каждого автора на русском яз
ы-
ке;
ученую степень, звание, должность каждого автора на английском
языке.
Справочный аппарат статьи должен включать:
УДК, код универсальной десятичной классификации
название ста
тьи на русском языке строчными буквами;
название статьи на английском языке строчными буквами;
аннотацию на русском языке;
аннотацию статьи на английском языке;
ключевые слова на русском языке;
ключевые слова на английском языке
Так же есть требован
ия касающееся оформления
текста
(http://www.rsvpu.ru/filedirectory/8582/04_Trebovaniya_k_sbornikam_RINC.pdf
1.3
Этапы разработки
программного продукта
В зависимости от потребностей проекта выбирается соответствующий
подход к циклу
разработки
Разработка любо
й программы, будь то небол
ь-
шая процедура по обработке поступающей на консоль информации или ко
плексный программный продукт, состоит из нескольких этапов, грамотная
реализация которых является обязательным условием для получения хор
��18 &#x/MCI; 0 ;&#x/MCI; 0 ;шего результата. Четкое
следование выверенным временем этапам разрабо
ки программного обеспечения становится основополагающим критерием для
занимающихся созданием
программного обеспечения (ПО)
компаний и их
казчиков, заинтересованных в получении превосходно выполняющей свои
нкции программы. Подробно рассмотрим каждую стадию общепризн
ной методологии разработки ПО.
В процессе создания программного обесп
чения используются семь основных видов жизненных циклов. Типичный
цикл разработки программного об
еспечения называется «каска
дным», он
представлен на р
сунке 8
Рисунок
аскадный цикл
разработки
программного обеспечения
Подготовка
На этом этапе формулируются цели и задачи проекта, выделяются б
зовые сущности и взаимосвязи между ними. То есть, создается основа для
дальнейше
го проектирования системы.
данный этап разработки
програм
��19 &#x/MCI; 0 ;&#x/MCI; 0 ;ного обеспечения
входит
процедура проведения всестороннего анализа в
ы-
двинутых заказчиком требований к создаваемому ПО,
обсуждаются детали
проекта
помогающ
более четко сформулировать предъявляем
ые к ПО тр
бования
чтобы определить ключевые цели и задачи конечного продукта.
Проводится формирование оптимального
решени
я проблем заказчика
, опр
деляется необходимая степень автоматизации, выявляются наиболее акт
альные для автоматизации бизнес
процессы
При анализе требований опр
деляются сроки и стоимость разработки ПО, формируется и подписывается
техническое задание (
ТЗ
на разработку программного обеспечения.
ТЗ
должно полностью описывать поставленные перед разработчиком задачи и
охарактеризовать кон
ную цель проекта в понимании заказчика.
Проектирование
Следующий ключевой этап в разработке программного обеспечения
стадия проектирования, то есть моделирования теоретической основы буд
щего продукта.
На основе этапа
подготовки
проводится проектирован
ие с
стемы.
На этапе проектирования
происходит
выбор платформы, назначаются
требования
интерфейсу, определяется наиболее подходящая
истема
упра
вления базами данных
СУБД
. Разрабатывается функциональная сп
е-
цификация ПО: выбирается архитектура с
стемы, т
ребов
ания к аппаратному
обеспечению,
перечень документов
и др.
Итак, в рамках данного этапа стороны должны осуществить:
оценку результатов проведенного первоначально анализа и выя
ленных ограничений;
поиск критических участков проекта;
формирование окончат
ельной архитектуры создаваемой системы;
анализ необходимости использования программных модулей или
готовых решений сторонних разработчиков;
проектирование основных элементов продукта
модели базы да
ных, процессов и кода;
��20 &#x/MCI; 2 ;&#x/MCI; 2 ;• выбор среды программирование и ин
струментов разработки,
утверждение интерфейса программы, включая элементы графического ото
раж
ния данных;
определение основных требований к безопасности разрабатываем
ПО.
Создание (реализация)
Следующим шагом становится работа с кодом, опираясь на выбр
анны
в процессе подготовки язык
программирования
. В ходе работы строятся
прототипы продукта, проводится анализ.
Кодирование может происходить
параллельно со следующим этапом разработки
тестированием програм
ного обеспечения, что помогает вносить измене
ния непосредственно по ходу
написания кода. Уровень и эффективность взаимодействия всех элементов,
задействованных для выполнения сформулированных задач компанией
разработчиком, на текущем этапе является самым важным
от слаженности
действий программистов
, тестиров
иков и проектировщиков зависит кач
е-
ство реализации проекта.
В результа
этапа реализации появляется рабочая версия продукта.
Тестирование продукта
Тестирование тесно связано с такими этапами разработки программн
го обеспечения как проектировани
е и реализация.
Процесс тестирования по
з-
воляет смоделировать ситуации, при которых программный продукт перест
ет функционировать.
Это позволяет программистам увидеть уязвимые места
и исправить их.
Результатом тестирования является устранение всех недостат
ков с
стемы и заключение о ее качестве.
Внедрение и поддержка
Процедура внедрения программного обеспечения в эксплуатацию я
ляется завершающей стадией разработки и нередко происходит совместно с
отладкой системы.
��21 &#x/MCI; 0 ;&#x/MCI; 0 ;Внедрения системы обычно предусматривает сл
едующие шаги:
установка системы
обучение пользователей
эксплуатация.
Ключевой целью поэтапного внедрения разработанной программы ст
а-
новится постепенное выявление не обнаруженных ранее ошибок и недочетов
кода.
К любой разработке прилагается полный пакет д
окументации, который
включает в себя описание системы, руководства пользователей и алгоритмы
работы.
Поддержка функционирования ПО должна осуществляться группой
технической поддержки разработчика.
Вывод
Создание даже небольшого и технически простого ПО зав
исит от че
кого выполнения каждой фазы, то есть деятельности всех отделов, заде
ствованных в процессе разработки. Четкий план выполнения необходимых
роприятий с указанием конечных целей становится неотъемлемой частью
боты разработчиков, планирующих ост
аваться широко востребованными
на рынке труда специалистами. Только правильно составленное техническое
дание позволит добиться нужного результата и осуществить разработку по
настоящему качественного и конкурентного ПО для любой платформы
серверной, ста
ционарной или мобильной.
Неотъемлемой частью завершающего этапа разработки программного
обеспечения также является последующая техническая поддержка созданн
го продукта в процессе его эксплуатации на предприятии заказчика. Грамо
но организованная служба те
хподдержки зачастую становится ключевым
фактором при выборе исполнителя в рамках достижения поставленной цели.
��22 &#x/MCI; 0 ;&#x/MCI; 0 ;1.4
Средства реализации
HTML
В отличие от разработанного ещё в девяностых языка разметки
HTML4, когда даже относительно несложный мультимедийный конт
ент был
слишком «тяжёлым» для подавляющего большинства пользователей инте
нета, в 2004 году, в котором фактически началась работа над новой версией
стандарта, в Сети уже
давно
шло распространение аудио
и видеозаписей,
как официальное, так и неофициальное.
Хорошим тоном для
web
сайтов ст
а-
ло размещение на своих страницах анимационных фильмов и видеороликов,
вошли в моду аудиоблоги
подкасты.
&#x/MCI; 3 ;&#x/MCI; 3 ;5&#x/MCI; 4 ;&#x/MCI; 4 ;] &#x/MCI; 5 ;&#x/MCI; 5 ;В стандарте HTML5, представляющем собой сочетание собственно
HTML, а также CSS и JavaSc
ript, изначально реализуется принципиально
иной подход, в котором медиаконтент представляет собой неотъемлемую
часть кода страницы. HTML5 обеспечивает единый стандартный способ оп
сания (синтаксис) встраиваемого в страницы аудиовизуального контента.
&#x/MCI; 6 ;&#x/MCI; 6 ;5&#x/MCI; 7 ;&#x/MCI; 7 ;] &#x/MCI; 8 ;&#x/MCI; 8 ;Для интеграции аудио или видео в HTML5 достаточно использовать
простой набор тэгов, описывающих, какой тип контента вы намерены пом
стить («video» или «audio»), и обычные ссылки на соответствующие меди
файлы
&#x/MCI; 9 ;&#x/MCI; 9 ;5&#x/MCI; 10;&#x 000;&#x/MCI; 10;&#x 000;]. &#x/MCI; 11;&#x 000;&#x/MCI; 11;&#x 000;CSS
CSS
(Cascading Style Sheets) с английского переводится
как каскадные
таблицы стилей
это язык, который используется как средство оформления
web
страниц, а именно для работы с
шрифтами, цветами, полями, таблицам,
карт
инками, расположением
элементов
&#x/MCI; 13;&#x 000;&#x/MCI; 13;&#x 000;14&#x/MCI; 14;&#x 000;&#x/MCI; 14;&#x 000;]. &#x/MCI; 15;&#x 000;&#x/MCI; 15;&#x 000;Основной целью, которая послужила для разработки языка CSS, явл
я-
лось разделение разметки содержимого (которое написанного на HTML или
другом языке программирования) и представления документа (написанного
на CSS).
Результат этого разделения помогает увеличить доступность док
мента, предоставить большую гибкость, а также уменьшить сложность и п
��23 &#x/MCI; 0 ;&#x/MCI; 0 ;вторяемость в структурном содержимом, создает удобное описание дизайна
и стилистики web
страницы и ее содержимого. Еще CSS
дает возможность
предоставить один документ в различных стилях или методах вывода
(например, таких как экранное предста
вление, чтение голосом, печать)
&#x/MCI; 1 ;&#x/MCI; 1 ;14&#x/MCI; 2 ;&#x/MCI; 2 ;]. &#x/MCI; 3 ;&#x/MCI; 3 ;React
Библиотека React была впервые выпущена компанией Facebook в 2013
году. Для того, чтобы понять, насколько популярной эта технология стала за
прошедшее время, обрати
мся
к опросу разработчиков, проведенному сайтом
StackOverflow в
2016 году
. Более 50 000 разработчиков поделились инфо
мацией о своей работе и профессиональных
предпочтениях.
иблиотека
стала одной из самых любимых и востребованных технологий, а также
самой трендов
ой технологией на
StackOverflow (
исунок
Рисунок 9
Использование технологий разработчиками
��24 &#x/MCI; 0 ;&#x/MCI; 0 ;React это би
блиотека для создания пользовательских интерфейсов. О
ной из ее отличительных особенностей является возможность использовать
JSX, язык программирования с близким к HTML синтаксисом, который ко
пилируется в JavaScript
&#x/MCI; 1 ;&#x/MCI; 1 ;18&#x/MCI; 2 ;&#x/MCI; 2 ;]. &#x/MCI; 3 ;&#x/MCI; 3 ;JavaScript
JavaScript изначально создавался для того, чтобы сделать web
странички «живыми». Программы на этом языке называются скриптами. В
браузере они подключаются напрямую к HTML и, к
ак только загружается
страничка,
тут же выполняются.
Современные интерпрета
торы перед выпо
нением преобразуют JavaScript в машинный код или близко к нему, оптим
зируют, а уже затем выполняют. И даже во время выполнения стараются о
тимизировать. Поэтому JavaScript работает очень быстро.
Современный
JavaScript
это «безопасный» яз
ык программирования общего назначения.
Он не предоставляет низкоуровневых средств работы с памятью, процесс
ром, так как изначально был ориентирован на брауз
еры, в которых это не
требуется
&#x/MCI; 5 ;&#x/MCI; 5 ;29&#x/MCI; 6 ;&#x/MCI; 6 ;]. &#x/MCI; 7 ;&#x/MCI; 7 ;Что же касается остальных возможн
остей
они зависят от окружения,
в котором запущен JavaScript. В браузере JavaScript умеет делать всё, что о
носится к манипуляции со страницей, взаимодействию с посетителем и, в к
кой
то мере, с сервером:
создавать новые HTML
теги, удалять существующие,
менять стили
элементов, прятать, показывать элементы и т.п.;
реагировать на действия посетителя, обрабатывать клики мыши,
перемещения курсора, нажатия на клавиатуру и т.п.;
посылать запросы на сервер и загружать данные без перезагрузки стр
ницы (эта технол
огия называется
AJAX
��25 &#x/MCI; 0 ;&#x/MCI; 0 ;2
СОЗДАНИЕ
WEB
САЙТА ДЛЯ ИНТЕРНЕТ
ЖУРНАЛА
«ЛИЧНОСТЬ, ПРАВО, ГО
СУДАРСТВО»
2.1
Характеристика заказчика
Заказчиком разработки web
сайта является
научный
журнал
«Ли
ность, право, государство
», местонахож
дение
Свердловская область,
Екатеринбург.
Научный журнал
занимается
бесплатной публикацией нау
статей. Журнал позвол
яет
начинающим исследователям быть в курсе с
менных тенденций в сфере государственно
правового строительства.
Деятельность
научн
ого журнала
началась в 201
год
Владельцем
журнала является
Виктор Сергеевич
Плетников
кандидат юридических наук,
доцент
. Он является главным редактором в журнале.
Журнал с
пециализир
ется по дисциплинам, отнесенным к группе
научных специальн
стей
12.00.
юридические науки
Выпускается
не более 4 раз в год
, в об
еме не более 150
страниц.
У журнала
есть редакционная коллегия
в нее вх
дит
человек, в
редакционный совет входит 8 человек.
На данный момент
журнал разместил
выпуска. В каждом выпуске
раз
мещаются статьи
на
различны
тем
, касающихся юриспруденции
Основная аудитория журнала
это
студенты, преподаватели,
люди,
интересующиеся
сфер
государственно
правового строительства
Поставленная заказчиком задача требовала наличие на web
сайте
с помощью которой авторы статей могли бы отправить свои работы для
публикации в журнале
. Информация, которую они оправляли
должна была
появляться в
панели администрирования
для рецензирования и дал
нейшей
публикации. Так же для администратора была создан
а пользовател
ская и
струкция,
в которой указана последовательность действий для публ
кации
статьи и другие возможности личного кабинета. Так же на сайте обяз
тельно
��26 &#x/MCI; 0 ;&#x/MCI; 0 ;должна присутствовать страница «
О нас
», на
которой присутствует инфо
мация
Общая информац
ия,
включающая то, что журнал зарегистрирован в
Роскомнадзоре 18 октября 2016
, его с
видетельство о регистрации:
ФС77
67487
зарегистрирован
ISSN
International
Centre
Журналу пр
своен
ISSN: 2587
8654
, з
арегистрирован в Научной Электронной Библиот
еке
(НЭБ)
включен в Российский Индекс Научного 'итирования (РИН')
, а
описание.
едакционн
ая политика
Принцип
подготовки публикации авторами
Принцип
взаимодействия автора и редакции
Принцип
деятельности рецензента
Редакционн
коллегия
Редакц
ионн
совет
Страница «Авторам» должна включать в себя
заявку на публикацию,
требования к оформлению статьи, а также пример оформления. К заявке на
публикацию предъявлялись особые требования. Информация из полей с и
формацией о паспортных данных должна вн
оситься в договор
с условиями
которого соглашается публицист при условии отправки своей статьи на сайт.
Необходимым являлся так
же пункт об обработке персональных данных. Н
обходимое условие
пока пользователь не заполнит необходимые поля, а
также не согл
аситься с договором
пунктом об обработке персональных
данных оправить статью пользователь не сможет.
2.2
Актуальность проекта
В настоящее время для того
, чтобы
статья
стала доступна для многих
читателей
и не было сложностей к
доступу
материала
ее необходим
о разм
стить в
сети интернет. Поэтому для журнала необходим сайт. На сайте дол
��27 &#x/MCI; 0 ;&#x/MCI; 0 ;на быть возможность размещать одобренные статьи и получать новые для
рецензирования.
2.3
'ель и назначение проекта
'елью данного проекта
является
разработка
сайта
для научного журн
ла
«Личность
, право, г
осударство», предназначенного для приема заявок, их
публикация после рецензирования.
С помощью web
сайта любой посетитель
будет иметь возможность узнать информацию о журнале, просмотреть уже
опубликованные статьи, а также отправить з
аявку для публикации своей р
боты.
2.4
Эргономические и системные требования к дизайну проекта
Одним из требований заказчика было удобство просмотра
посетител
web
сайта на различных устройствах, данный web
сайт должен быть
адаптивен под различные
устройства
. Элементы должны гибко подстра
ваться в зависимости от разрешения экрана. Сайт подстраивается под след
ющие параметры:
мобильный телефон
(ширина
меньше 768
планшет (ширина
от
до
ленький настольный монитор (
от
992
большой на
стольный монитор (больше 1201
2.5
Входные данные к проекту
Предоставленные данные для разработки
web
сайта
это т
екстовое
наполнение каждой страницы сайта
формат
Название
web
сайта
«Личность, право, государство».
Автор дизайна
web
сайта
В. В.
Неуступова.
��28 &#x/MCI; 0 ;&#x/MCI; 0 ;Разработка
web
сайта
В. В. Неуступова.
В рамках работы над web
сайтом исп
ользовались
HTML
CSS,
JavaScript,
React
ongo
библиотека стилей Semantic UI.
Сайт
разработан
как
single
page
application
рус
дностраничное пр
ложение) на языке
JS с помощью библиотеки React.
Одностраничное приложение (англ.
single
page
application
SPA
это
web
приложение или
web
сайт, использующий единственный
HTML
документ как оболочку для всех
web
страниц и организующий взаимоде
ствие с пользователем через
динамически подгружаемые
HTML
CSS
Java
cript
, обычно
посредством
AJAX
Все необходимые ресурсы
, загружаются вместе с первой страницей.
Далее
любая
необходим
ая информация или, по
другому, контент
загружается
динамически. П
риложение обновляет URL в адресно
й строке браузера, им
тируя переходы между страницами, однако запрос другой полной страницы
при этом не выполняется
Более подробно об этом можно посмотреть на р
е-
сурсе
https://developers.google.com/analytics/devguides/collection/analyticsjs/
single
page
plications?hl=ru
Использовалась библиотека стилей
emantic
Semantic UI
это
фреймворк создания адаптивных и
удобных
web
интерфейсов
. Данный
реймворк
ускоряет процесс разработки
так как содержит в себе большое
число часто используемых компонентов та
ких как: кнопки, иконки, изобр
жения, надписи и др.
Интегр
рованная сред
разраб
тки, ИС
(англ.
Integrated
development
environment
IDE
), также единая среда разработки, ЕСР
комплекс пр
граммных средств, используемый для разработки программного обеспече
Для разработки использовались
IDE
Atom
Sublime
Text
При работе
над дизайном была исполь
зована программа Adobe
Photoshop
СС.
Логическая структура web
сайта представлена на рисунке
Рисунок 10
Логическая структура сайта «Личность, право, госу
дарство»
Так
как
сайт
это
Single
Page
Application
т.е.
приложение,
размеще
ное на одной web
странице
, п
оэтому нет как таковой физической структуры.
Все происходит на одной странице
index.html
. Ниже
показано то
как они
между собой связаны
иерархия,
ганизация их в структуру типа «дерево»
(рис
нок 11)
Рисунок 1
Иерархия
сайта «Личность, право, государство»
��30 &#x/MCI; 0 ;&#x/MCI; 0 ;Файлы расположены следующим образом (рисунок 12).
Рисунок 1
Расположение файлов в папке
��31 &#x/MCI; 0 ;&#x/MCI; 0 ;2.6
Дизайн
При выборе цветовой схемы д
ля дизайна we
сайта учитывалось, что
это научный журнал, а также то
что он относится к сфере юриспруденции
'ветовое решение для дизайна страниц web
сайта представлено в таблице
Таблица
'ветовое решение для дизайна страниц
web
сайта
Обозначение
'вет
Описание
#244f79
Фон шапки
FFF
Фон контента
#1b1c1d
Фон подвала
#4183c4
#1e70bf

'вет ссылок
'вет ссылки при наведении
Описание главной страницы
Для
главной страницы
использова
формат
landing page (рус.
целевая
траница)
Данный вид размещения информации на странице
выбран
потому
что
на таких страницах пользователю легко просматривать информацию. Она
расположена блоками и легко читается. Так же на странице можно разм
стить основную информацию о журнале, его деят
ельности,
опубликованных
статьях,
в общем рассказать историю о журнале. Часто такое страницы наз
��32 &#x/MCI; 0 ;&#x/MCI; 0 ;вают «посадочными» из
за того, что «лэндинги» призывают к какому
то де
ствию. В моем случае, это предложить посетителю бе
платно опубликовать
свою работу. Так
как
сайт
только развивается
от того, что желающих опу
ликоваться
будет больше
журнал только выиграет.
Итак, на главной стран
це в самом верху расположено меню
(рисунок 1
Оно будет отражаться на
всех страницах журнала.
Рисунок 13
Меню
web
сайта
ичность, право, государство»
Журнал новый
поэтому описание стоит в первой полосе после меню.
То,
чем занимается журнал
размещает статьи. Этот блок
размещен сразу
за описанием, приглашая посетителей прочитать уже опубликованный мат
риал.
В следующем блок
е размещена кнопка
чтоб
подать заявку для пу
ликации своей работы.
Заключает
страницу
футер,
в котором указаны ко
такты, и важные сведения. Он так
же,
как и «шапка сайта» одинаковый для
всех стр
Блочная структура главной страницы web
сайта представл
ена н
а р
сунке 1
Рисунок 1
Блочная структура главной страницы web
сайта
«Личность, право,
государство»
��33 &#x/MCI; 0 ;&#x/MCI; 0 ;Вид главной страницы после реализации показан на рисунке 1
Рисунок 1
лавн
ая страница
web
сайта
«Личность, право, государство»
Описание
здела
«Журнал»
На странице «Журнал» размещаются статьи уже вышедших номеров
журнала. Название и аннотация каждой статьи представлена в отдельном
блоке для удобного просмотра. Для того чтобы было понятно, что это назв
а-
ние и аннотация, а не один сплошной тек
ст используется разный размер
шрифта и разное начертание. Название использует шрифт
Lato
кегель 18
font
weight
700. Аннотация
так же использует шрифт
Lato
, но кегель 14
Блочная структура
раздела
«Журнал» представлена на рисунке 1
Каждый блок с оп
исанием ведет к полной статье. Отображение текста
на странице приближено к требованиям для публикаций (
рисунок 17
).
Например, используется шрифт Times New Roman, текст выровнен по ш
рине и др.
Рисунок 1
труктура
раздела
«Журнал»
сайта «Личность, прав
о, государство»
Рисунок 1
траница со статьей на сайте
«Личность, право, государство»
Описание
раздела
«Авторам»
Для
того чтобы журнал полноценно мог функционировать
авторы
должны иметь быстрый доступ к необходимой им информации и возможн
��35 &#x/MCI; 0 ;&#x/MCI; 0 ;стям сайта.
Форма заявки на публикацию должна быть понятной и легко д
ступной, поэтому данный раздел открывается первым. Она включает в с
бя
несколько шагов. Все шаги необходимы для того, чтобы корректно дон
сти
информацию до рецензента.
Первый шаг
(рисунок 1
включ
ает в себя
ФИО,
контактные данные, так же данные о месте работы.
Часть полей, такие как
Фамилия, Имя, Отчество
адрес электронной почты
являются обязател
ными для заполнения.
Для прохождения к следующему шагу необходимо поставить галочку
на пункте
обработке персональных данных
. Данная мера необходима в
связи
с Федеральным законом №152
ФЗ («О защите персональных данных»).
Следующий шаг
заполнение паспортных
данных
Значения, которые
введены в поля отобразятся в договоре, с которым необходимо обз
накомит
ся и согласиться, для публикации в журнале.
На завершающем шаге необх
димо написать название статьи и прикрепить саму статью, которая отпр
виться на рецензирование. Данные поля так же являются обаятельными для
заполнения. После прохождения всех эта
пов статья будет отправлена
на
страницу «заявки»
панели администрирования
сайта для дальнейшего пр
смотра и рецензир
вания.
Рисунок 1
ервый шаг формы заявки на публикацию
��36 &#x/MCI; 0 ;&#x/MCI; 0 ;Для того чтобы автор успешно корректно заполнил все поля и офо
мил
статью в раз
деле размешен
ы требования оформления, пример
оформл
ния, а
также требования к
публикации
рисунок 1
Рисунок 1
ребования к публикации статьи
Описание раздела
«О нас»
Раздел
О нас
наполнен большим объемом информации о журнале.
Перв
ая станица
о общее описание.
Следующая страница
это редакц
онная полит
ика.
Неотъемлемая часть журнала
это принципы подготовки
публикации автором, принципы взаимодействия автора и рецензента, при
ципы деятельности рецензента. Все это так же отражено в разделе. Зав
ерш
ющим этот раздел являются страницы с информацией о редакционном с
вете
и р
дакционной коллегии
2.7
Приложение для администратора
Для того чтобы администратор, а в данном случае
главный редактор,
имел возможность самостоятельно просматривать заявки и разм
естить их на
сайте было создано приложение.
KeystoneJS дает возможность легко построить сайт на основе базы да
ных используя node.js
��37 &#x/MCI; 0 ;&#x/MCI; 0 ;Keystone
разработан
, чтобы сделать сложные
вещи простыми, гибк
ми.
Преимущества
Express.js и MongoDB.
Keystone настр
аива
ет
express
факти
ческий
web
сервер для node.js
подключ
базе данных MongoDB, используя
Mongoose, ведущий пакет ODM.
Динамические маршруты.
Keystone начинает с наилучших методов
настройки приложения MV * и упрощает управление шаблонами, предста
лениями
и маршрутами.
Поля базы данных.
Идентификаторы, строки, булевы
значения
, д
ты и числа являются строительными блоками базы данных. Keystone
испол
зует
связывая с
типами полей, такими как имя, адрес электронной почты,
роль, адрес, изображение и
другие
Keystone позволит сэкономить время и упростить управление да
ными
так как дает возможность автоматически создавать пользовательский
инте
фейс администратора
Упрощ
енный код.
Иногда асинхронный код может усложняться,
чтобы делать простые вещи. Keystone п
омогает сохранять простые вещи
стыми. Н
апример, загружать данные перед их отображением
Обработка формы. П
ровер
форм
, загруз
изображени
и о
нов
ление базы
данных одной строкой? Keystone может сделать это на о
снове
делей данных,
которые можно опр
еделить
Управление сеансом
Keystone
имеет
функци
управления сеансом
и аутентификации, включая автоматическое шифрование полей пароля.
Отправка электронной почты.
Keystone упрощает настройку, пре
варительный просмотр и отправку электронных писем на основ
е шаблонов
для приложения.
Первая страница
панели администр
ирования
для
сайта «Личность,
право, государство» п
оказана на рисунке
��38 &#x/MCI; 0 ;&#x/MCI; 0 ;Здесь расположены такие пункты как
журнал;
заявки;
общие сведения;
редакционная коллегия;
редакционный совет;
настройк
пользователи.
Рисунок
лавная страница
панели администрирования
Указанные выше пункты дублируют меню, но более подробно раскр
ы-
вают содержание каждого из них.
Раздел «Журнал»
представлен на рисунке
Рисунок
аздел
урнал
��39 &#x/MCI; 0 ;&#x/MCI; 0 ;В данном
зделе 4 пункта
это
ыпуски журнала
татьи
б-
рики
вторы
Первое что указано на странице
количество выпусков.
На станице со статьями это будет количество статей, а на странице с рубр
ками, соответственно, рубрик. Далее
отражается
по какому
параметру в да
ный момент отсортирована таблица
Кроме заголовка функция сортировки
присутствует в названиях столбцов таблицы. Это сделано для удобства пол
зователя.
Выпуски
можно отсортировать по дате публикации, заголовку и
статусу (опу
ликован на сайте
и не опубликован). Далее расположен поиск.
К нему можно добавить фильтр. В поле
Columns
можно отметить
какие к
лонки будут отображаться в списке, а какие нет. Например, на рисунке 2
отображено всего две колонки из трех. Колонка, в которой указано
опу
б-
икован журнал или нет
не отображается. Данная возможность будет очень
удобна, если у таблицы много различных колонок, но некоторые носят вт
ростепенный х
рактер, поэтому их необходимо скрыть.
Реализована данная страница следующим образом:
var keystone = r
equire('keystone');
var Types = keystone.Field.Types;
var JournalIssue = new keystone.List('JournalIssue', {
autokey: {path: 'urlName', from: 'title', unique: true},
map: {name: 'title'},
label: '
Выпуски
журнала
singular: '
Выпуск
plural: '
Вып
уски
JournalIssue.add({
title: {

type: String,

required: true,

initial: true,

label: '
Заголовок
publishedAt: {

type: Types.Date,

required: true,

initial: true,

label: '
Дата
публикации
state: {

type
: Types.Select,

options: [
��40 &#x/MCI; 0 ;&#x/MCI; 0 ;

value: 'draft',

label: 'Снят с публикации'

},


value: 'published',

label: '
Опубликован

}],

required: true,

initial: true,

default: 'draft',

label:
Статус
JournalIssue.relationship({ path: 'articles', ref: 'Article',
refPath: 'issue' });
JournalIssue.defaultSort = '
publishedAt';
JournalIssue.defaultColumns = 'title, publishedAt';
JournalIssue.register();
Одной из основных
возможностей
данной странице является
созд
ние выпуска. Окно, которое предлагается заполнить при создании
показано
на р
сунке
Рисунок
Создание нового выпуска
Все страницы имеют одинаковую гамму и расположение элементов.
Это необходимо для того, чтобы польз
ователь при создании новы
элементов
не терялся в интерфейсе, а использовал уже имеющийся опыт в создании
других элементов и совершал меньше ошибок.
��41 &#x/MCI; 0 ;&#x/MCI; 0 ;Подробное описание того, как создавать новую статью, рубрику или
добавить нового члена редакционной коллег
ии описано в
инструкции для
администратора.
2.8
Тестирование
web
сайта
Тестирование web
сайта заказчиком проводилось по следующим пар
метрам:
доступность всех страниц web
сайта;
работа всех обязательных функций
web
сайта;
работоспособность формы отправки заявк
просмотр соответствия контента страниц
web
сайта требуемым з
казчиком материалам.
Так же заказчиком была проведена проверка работоспособности web
сайта в разных web
браузерах таких как: Google Chrome, Mozilla Firefox,
Safa
ri, Internet Explorer и Opera.
2.9
Технические требования к проекту
Для размещения web
сайта в сети Интернет
необходимо выбрать
стинг
провайдера и доменное имя.
айт был развернут на хостинге
simplecloud
в качестве ОС была в
ы-
брана Ubuntu 16.04, были установлены NodeJs
8.9.4
, Mongodb 3.6,
в качестве
сервера был выбран
nginx
1.13.8
��42 &#x/MCI; 0 ;&#x/MCI; 0 ;2.10 Инструкция для администратора сайта
Структура приложения
Главная страница изображена на рисунке
Рисунок
Главная страница
Все разделы, которые существуют в панели администр
ирования
можно
увидет
ь в меню
главная страница же
более информативна, так как отображ
а-
ет сразу на одной странице все вложенные подразделы.
��43 &#x/MCI; 0 ;&#x/MCI; 0 ;Структур
каждого раздела можно увидеть на р
сунке
Рисунок
Структура разделов
Описание страниц
1.
Раздел
урнал
(рисуно
) содержит 4 страницы: выпуски жу
нала, статьи, рубрики, авторы. Подразделы связаны между собой.
Рисунок
Раздел журнал
1.1
Подраздел
Выпуски журнала
Первая станица в разделе журнал
выпуски журнала. На данной
странице видно какие выпуски уже сущ
ествуют и есть возможность
создать
вый выпуск
с помощью кнопки
, удалить выпуск с помощью
кнопки
и отредактировать существующий нажав на необходимый
. Со
тировка осуществляется путем нажатия на заголовок нужного столбца
Создание нового выпуска
Для
создания
выпуска нео
ходимо перейти в
раздел Журнал
Выпуски журнала. Справа вверху нажать на кнопку
сле этого заполнить все поля в форме (рисунок 26).
Рисунок
Раздел журнал
��45 &#x/MCI; 0 ;&#x/MCI; 0 ;В поле
заголовок
название выпуска.
Дата публикации
выбирается с пом
ью календаря. Если дата публ
кации соответствует сегодняшнему
дню, тогда можно нажать кнопку
для быстрого ввода даты.
Статус
это поле определяет будет ли выпуск
журнала опубликован (виден) на сайте.
Редак
тирование существующего выпуска
Для редактиро
вания выпуска необходимо нажать на его название. При
нажатии на выпуск открывается страница настройки (рисунок
). Здесь
можно изменить значения полей. Для сохранения результата нужно нажать
на кнопку
Save
, для выхода без сохранения вернуться в выпуски


Рисунок
Редактирование для выпуска журнала.
Есть возможность сбросить данные в форме (1 на рисунке
) и уд
лить выпуск (2 на рисунке
Рисунок
Редактирование для выпуска журнала.
Удаление выпуска
Для удаления существующего выпуска
можн
о воспользоваться кно
кой корзина
(рисунок 29
Рисунок
Кнопка удаления выпуска
Или можно удалить выпуск нажав на «
Рисунок
Список статей
��47 &#x/MCI; 3 ;&#x/MCI; 3 ;1.2
Подраздел
Статьи
Подраздел статьи изобра
жен
на рисунке 31
На странице отображены
опубликованные статьи
в разных выпусках.
Сортировка осуществляется п
тем нажатия на заголовок нужного столбца

Рисунок
Раздел статьи
Добавление новой статьи
Для того чтобы добавить новую статью необходимо
перейти раздел
журнал
статьи (рисунок 8)
Нажать на кнопку
. Откроется окно
Create a new
Статья
» в
кот
ром нужно ввести название статьи
(рисунок
Рисунок
Создание статьи
Далее откроется окно для подробного внесения информации о статье
(рисун
ок
Рисунок
Создание статьи
На странице можно задать:
Заголовок на английском языке.
Текст
текст статьи.
Аннотация.
Аннотация на английском языке.
Ключевые слова.
Ключевые слова на английском языке.
Авторы.
УДК.
Выпуск
выбрать выпуск к кото
рому будет относиться статья. (Он
должен быть уже создан).
��49 &#x/MCI; 2 ;&#x/MCI; 2 ;10. Рубрика
то, в какой рубрике из существующих отразится статья
на сайте.
Электронная версия
загрузка файла для скачивания.
Статус
показывает опубликована статья или нет (видно ее на са
те или н
ет).
Для сохранения изменений нажать
, для сброса введенных да
ных
, для удаления статьи
Далее если все введено корректно, статья отобразиться в нужном в
пуске.
Редактирование статьи
Для того, чтобы отредактировать статью, надо нажать на ее название в
таблице раздел журнал
статьи (рисунок 8)
. Откроется окно показаное на
рисунке 10. Для сохранения изменений нажать
, для сброса введенных
данных
, для удаления статьи
Удаление статьи
Для того чтобы
удалить
статью
есть несолько способов.
Первый
до нажать на ее название в таблице раздел журнал
ст
тьи (рисунок 8)
. Откроется окно показаное на рисунке 10, для удаления ст
тьи
. Второй
в списке со статьями
раздел журнал
статьи (р
сунок 8)
нажать на корзину (рисунок 34
Рисунок
Удаление с
татьи
1.3
Подраздел
Рубрики
В подразделе рубрики (рисунок
) можно создать, удалить или пер
именовать
название раздела.
Для создания
новой рубрики
необходимо нажать на
ввести ее название.
��50 &#x/MCI; 0 ;&#x/MCI; 0 ;Удаление и редактирование происходит так же как со статьями и оп
сано выше в пункте 1.2
Подраздел
Статьи
Выбрав для редактировая рубрику ниже можно увидеть относящиеся к
ней опубликован
ые статьи
Рисунок
Подраздел Рубрики
1.4
Подраздел
Авторы
В разделе Авторы (рисунок
) показаны авторы, которые публиков
лись
в журнале.
Для просмотра полной информации об авторе необходимо нажать на
его номер ID. Откроется окно со всем
и существующими полями (рис
нок
Рисунок
Подраздел Авторы
��51 &#x/MCI; 0 ;&#x/MCI; 0 ;Создание нового Автора
Создание автора происодит в 2 этапа. Сначала предлаг
ается ввести
ФИО на русском
и английском языках (рисунок 37
).
Рисунок
Создания нового Автора
Далее после нажатия кнопки Create з
ап
лнить остальные поля (рис
нок
Рисунок
Создания нового Автора
��52 &#x/MCI; 0 ;&#x/MCI; 0 ;Удаление и редактирование происходит так же
как со статьями и оп
сано выше в пункте 1.2 Подраздел
Статьи.
2.
Раздел
«Заявки»
(рисунок
) содержит
страницы:
заявки на пу
ликацию
публицисты
2.1
Подраздел
Заявки
на публикацию
На странице Заявки (рисунок
) отображаются заявки
которые прих
дят с
сайта при заполнении формы «Завка на публикацию». Нет возможности
внести изменения в данные заявки, но можно скопировать. Так же можно
удалить заявку, если, к примеру, заявка опубликована.
Удаление происходит
так же как со статьями и описано выше в пункте
1.2 Подраздел
Статьи.
Все страницы, которые не рассмотрены
имеют такую же стркутру, а
удаление, редактирование происходит так же как описано
выше
в пункте 1.2
Подраздел
Статьи.
Рисунок
Создания нового Автора
��53 &#x/MCI; 0 ;&#x/MCI; 0 ;ЗАКЛЮЧЕНИЕ
В данный момент разра
ботчикам предоставлено очень много разли
ных средств, возможностей реализации их проектов. Появляются готовые
библиотеки иконок, стилей и др. Необходимо быть в курсе данных разраб
ток, чтобы не терять много времени на то, что распространяется в свободном
оступе и облегчает процесс разработки. И, в самом начале, ставится одна из
важнейших задач, определить каким образом и с использованием каких
средств будет реализован проект. Здесь важно не торопиться и проанализ
ровать инструменты разработки. Далее, в усл
овиях того, что с каждым годом
увеличивается использование мобильных устройств, в ходе проектирования
сайта необходимо учесть, что сайт должен корректно отображаться не только
на экране монитора, но и на экране телефона и планшета. Так же, в связи с
тем, ч
то сайтов сейчас очень много, нужно обратить внимание на разработку
его дизайна, удобство пользователя.
UX
это User Experience (
дословно:
«опыт пользователя»)
это то, какой опыт/впечатление получает пользов
тель от работы интерфейсом.
Необходимо так сп
роектировать сайт, чтобы
пользователь
дости
гал своей
цели
в минимальное количество действий.
UI
это User Interface (дословно «пользовательский интерфейс»)
то, как в
ы-
глядит интерфейс и то, какие физические характеристики приобретает.
Опред
ляет, к
акого
цвета будет ваше меню, кнопки, ссылки и др. У
добно ли
дет
пользоваться кнопками и ссылками, достаточное ли отступы. Важным
в проекте является то, насколько читабельный текст в статьях, это тоже отн
сится к
Результат
выпускной квалификационной работы
разработка сайта и
панели администрирования для управления контентом
научно
практического
журнала «Личность, право, государство».
Основная деятельность журнала
это публикация статей на юридич
е-
скую тематику. Разработанный сайт позволяет принимать заявк
и на публик
��54 &#x/MCI; 0 ;&#x/MCI; 0 ;цию через сайт. Так же через панель администр
ирования
есть возможность
сматривать
заявки, далее опубликовывать их. Публикация происходит с
привязкой к журналу, который так же создается через панель админист
рир
вания
. Кроме создания журнала и
привязки к нему статей, через панель а
мин
стр
ирования
, есть во
можность добавить, редактировать членов в р
дакционной коллегии и реда
ционного совета. Добавить авторов и рубрики.
Так же есть возможность добавлять, удалять, редактировать ученые звания и
ченые ст
пени.
В ходе
выполнения выпускной квалификационной работы
был изучен
процесс создания web
сайта
сайт, созданный во время выполнения дипломной работы, вкл
чает в себя полную информацию о научном журнале во вкладке «О нас»,
позволяет принимать
заявки на публикацию
в разделе «Авторам»
. В этом же
разделе можно посмотреть требования и пример.
росматривать
отправле
ные заявки есть возможность
панели администрирования
. Заявки, к
торые
прошли рецензирование, форм
руются в выпуски и публикуются на с
айте
журнала
в определенном номере. На сайте
присутствует необходимая и
формация об редакционной коллегии и редакционном совете.
Таким образом, в ходе выполнения
выпускной квалификационной р
боты
была достигнута цель и выполнены задачи исследования. В ход
е иссл
дования была изучена предметная область, а также инструменты, необход
мые для разработки web
сайта
панели администрирования для управления
контент
��55 &#x/MCI; 0 ;&#x/MCI; 0 ;СПИСОК
ИСПОЛЬЗОВАННЫХ ИСТОЧ
НИКОВ
Варфел
Т. З.
Прототипирование. Практическое руководств
Текст
Т. З.
Варфел. Москва:
МИФ, 2013.
Введение в JavaScript [Электронный ресурс]
[Н1]
Режим доступа:
https://learn.
javascript.ru/intro (дата обращения:
5.10.17).
Введение
в React [Электронный ресурс]
Режим доступа:
https://metanit.com/web/react/1.1
.php (дата обращения:
8.10.17).
Высшая аттестационная комиссия (ВАК) [Электронный ресурс].
Режим доступа: http://vak.ed.gov.ru/77 (дата обращения:
2.10.17).
Зачем нам нужен HTML5: пять простых ответов
[Электронный р
сурс]
Режим доступа:
http://www.
computerra.ru/78930/zachem
nam
nuzhen
html5
pyat
prostyih
otvetov/
та обращения:
.17)
Инструменты
web
разработки [Электронный ресурс].
Режим д
ступа: https://events.yandex.ru/lib/talks/2556/ (дата обращения:
1.11.17).
Как открыть научный журнал
[Электронный ресурс].
Режим д
ступа: https://habrahabr.ru/post/168903/ (дата обращения:
1.10.17).
Киберленинка [Электронный ресурс].
Режим доступа:
https://cyberleninka.ru/ (дата обращения: 18.11.17).
Круг
Don
Make
Think
A Common Sense Appro
ach to Web
Usability
дизайн
Текст
Круг
пер
англ
Асотов
Овчинников.
Санкт
Петербург
Символ
Плюс
, 2008.
Купер А. Основы проектирования взаимодействия [Текст]
/А.
Купер, Р. Рейманн,
Д. Кронин и др.
Под общ. ред. Н. Римицан.
пер.
с англ. Е.
В. Матвеев
Санкт
Петербург: Питер, 2016.
720 с.
Леви Д. UX
стратегия. Чего хотят пользователи и ка
к им это дать
онлайн [Текст] /Д. Леви.
Санкт
Петербург
: Питер, 2017.
��56 &#x/MCI; 2 ;&#x/MCI; 2 ;12. Лендинг, что это такое? [Электронный ресурс].
Режим д
оступа:
https://gdeikakzarabotat.ru/servisy
uslugi/chto
takoe
lending
pejdzh
vidy
lendinga.html (дата обращения: 10.12.17).
ЛитРес [Электронный ресурс]
Режим доступа: litres.ru (дата о
ращения: 16.12.17)
Лубенец
CSS для начинающих: история появлен
ия, плюсы и м
нусы
[Электронный ресурс]
Режим доступа:
http://www.prostoweb.com.ua
/sozdanie_sayta/stati/css_dlya_nachinayuschih_istoriya_poyavleniya_plyusy_i_mi
nusy
та обращения:
.17)
Научный журнал «Молодой ученый» [Электронный ресурс]
жим доступа: https://moluch.ru/ (дата обращения: 24.10.17)
Особенности архитектуры Single Page Application [Электронный р
сурс]
Режим доступа: https://events.yandex.ru/lib/talks/2557/ (дата обращ
ния:
1.11.17)
Постановление Правительства РФ от 24.09.
2013 г. № 842 «О поря
ке присуждения ученых степеней» [Электронный ресурс].
жим доступа:
http://www.consultant.ru/cons/cgi/online.cgi?req=doc&base=LAW&n=256243&fl
d=134&dst=1000000001,0&rnd=0.3884179470081328#0 (дата обращения:
24.10.17).
Почему стоит и
спользовать React JS при разработке приложений
[Электронный ресурс]
Режим доступа:
https://xbsoftware.ru/blog/pochemu
stoit
ispolzovat
react
razrabotke
prilozhenij/
та обращения:
.17)
Уолтер А. Эмоциональный
web
дизайн [Текст] / А. Уолтер.
пер. с
англ.
Миронов П.В.
Москва: МИФ, 2012
144 с.
Учебник по фреймворку
React
[Электронный ресурс]
Режим д
ступа: http://theory.phphtml.net/books/advanced/javascript/react/ (дата обращ
ния:
8.10.17).
Федеральный з
кон от 27.07.2006 N 152
ФЗ (ре
д. от 29.07.2017) «О
персональных данных» [Электронный ресурс].
Режим доступа:
��57 &#x/MCI; 2 ;&#x/MCI; 2 ;http://www.consultant.ru/document/cons_doc_LAW_61801/ (дата обращения:
24.10.17).
асть 1
. JavaScript
: основы и функции [Электронный ресурс]
Режим доступа: https://www.cour
sera.org/learn/javascript
osnovy
funktsii (дата
обращения:
5.10.17)
Что такое SPA или одностраничный портал [Электронный р
сурс]
Режим доступа: http://www.codenet.ru/webmast/js/spa/ (дата обращения:
1.10.17)
Этапы разработки программного обеспечен
ия [Электронный р
сурс]
Режим доступа: http://r
intechcore
com
stages
software
development
(дата обращения: 16.10.17)
Юрайт [Электронный ресурс]
Режим доступа: http://urait.ru/ (д
та обращения: 18.11.17)
eLIBRARY.RU [Электронный ресурс]
Режим
доступа:
eLIBRARY.RU (дата обращения: 18.11.17)
Getting Started Guide [Электронный ресурс]
Режим доступа:
http://keystonejs.com/docs/getting
started/ (дата обращения: 27.10.17)
Hello
World
[Электронный ресурс]
Режим доступа:
https://reactjs.org/doc
s/hello
world.html (дата обращения:
5.10.17).
avascript.ru [Электронный ресурс]
Режим доступа:
https://learn.javascript.ru/intro
(дата обращения:
5.10.17)
React [Электронный ресурс]
Режим доступа: https://reactjs.org/
(дата обращения: 5.10.17).
emantic UI [Электронный ресурс]
Режим доступа:
https://semantic
ui.com/introduction/getting
started.html (дата обращения:
10.11.17).
Semantic UI React [Электронный ресурс]
Режим доступа:
https://react.semantic
ui.com/introduction (дата обращения: 10.
11.17).
��58 &#x/MCI; 0 ;&#x/MCI; 0 ;ПРИЛОЖЕНИЕ
Министерство образования и науки Российской Федерации
Федеральное государственное автономное образовательное учреждение
высшего образования
«Российский государственный профессионально
педагогический университет»
Институт инженерно
пед
агогического образования
Кафедра информационных систем и технологий
направление 44.03.04 Профессиональное обучение (по отраслям)
профиль «Информатика и вычислительная техника»
профилизация «Компьютерные технологии»
УТВЕРЖДАЮ
Заведующий кафедрой
Н. С. Тол
стова
2018 г.
ЗАДАНИЕ
на выполнение выпускной квалификационной работы бакалавра
Студентка 4 курса, группы ЗКТ
401С Неуступова Вероника Вадимовна
1. Тема WEB
САЙТ НАУЧНОГО ЖУРНАЛА «ЛИЧНОСТЬ, ПРАВО, ГОСУДАРСТВО»
утверждена распоряжением по институту
от
Место для ввода даты.
г. №
Место для ввода
текста.
2. Руководитель
С. Власова
, канд. пед. наук, доцент
3. Место преддипломной практики научно
практический журнал «ЛИЧНОСТЬ, ПРАВО,
ГОСУДАРСТВО»
4. Исходные данные к ВКР текст для наполнения страниц
. Содержание текстовой части ВКР (перечень подлежащих разработке вопросов)
Анализ существующих источников
Требования к публикуемым статьям
Этапы разработки программного продукта
Средства реализации
Разработка сайт и панели администрирования
6. Перечень де
монстрационных материалов
Презентация
Сайт
Панель администрирования
Место для ввода текста.
Место для ввода текста.
��59 &#x/MCI; 0 ;&#x/MCI; 0 ; &#x/MCI; 1 ;&#x/MCI; 1 ;7. Календарный план выполнения выпускной квалификационной работы
п/п
Наименование этапа ВКР
Срок
выполнения
этапа
Процент
выполнения
Отметка
руководителя
о выполнении
Сбор информации по выпускной работе и сдача
зачета по преддипломной практике
04.12.2017
Выполнение работ по разрабатываемым вопр
сам их изложение в выпускной работе:
Анализ существующих источников
05.12.2
Требования к публикуемым статьям
09.12.2017
Этапы разработки программного продукта
12.12.2017
Средства реализации
15.12.2017
Разработка сайт и панели администрирования
18.12.2017
Оформление текстовой части ВКР
08.01.2018
Выполнение демонстрационных материалов к
ВКР
10.01.2018
Нормоконтроль
12.01.2018
Подготовка доклада к защите в ГЭК
13.01.2018
8. Консультанты по разделам выпускной квалификационной работы
Наименование раздела
Консультант
Задание выдал
Задание принял
подпись
дата
подпись
дата



Руководитель
Задание получил
подпись
дата
подпись студента
дата
9. Выпускная квалификационная работа и все материалы проанализированы.
Считаю возможным допустить Неуступову Веронику
Вадимовну к защите выпускной
квалификационной работы в государственной экзаменационной комиссии.
Руководитель
подпись
дата
10. Допустить Неуступову Веронику Вадимовну к защите выпускной квалификационной
работы
в государственной экзаменационной комис
сии (протокол заседания кафедры
от __.__.2018 №____)
Заведующий кафедрой
подпись
дата

Приложенные файлы

  • pdf 7811738
    Размер файла: 2 MB Загрузок: 0

Добавить комментарий