Разработка интернет-портала
Подходы предоставления информационных услуг в сети интернет. Выбор инструментария для реализации интернет-портала. Разработка интернет-портала агентства инновационного развития. Организационно-методическая документация для работы с интернет-порталом.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 14.12.2019 |
| Размер файла | 77,4 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
|
Элементы |
Описание |
|
|
Элемент 1 |
Название блока |
|
|
Элемент 2 |
Кнопка для перехода на все мероприятия |
|
|
Элемент 3 |
Карточки мероприятия |
Описание каждого элемента представлено в таблице 2.5.
Таблица 2.5 - Описание элементов прототипа главной страницы
|
Элементы |
Описание |
|
|
Элемент 1 |
Название блока |
|
|
Элемент 2 |
Информация о содержании блока |
|
|
Элемент 3 |
Картинка благодарностей |
|
|
Элемент 4 |
Элемент навигации |
Описание каждого элемента представлено в таблице 2.6.
Таблица 2.6 - Описание элементов прототипа главной страницы
|
Элементы |
Описание |
|
|
Элемент 1 |
Название блока |
|
|
Элемент 2 |
Информация о содержании блока |
|
|
Элемент 3 |
Картинка партнеров |
Описание каждого элемента представлено в таблице 2.7.
Таблица 2.7 - Описание элементов прототипа главной страницы
|
Элементы |
Описание |
|
|
Элемент 1 |
Логотип портала |
|
|
Элемент 2 |
Описание обратной связи |
|
|
Элемент 3 |
Форма обратной связи |
|
|
Элемент 4 |
Дублирующие навигационное меню |
|
|
Элемент 5 |
Ссылки на социальные сети |
Страница новостей имеет шаблонный характер и создает автоматически из административной панели, представленной на рисунке 2.10.
Описание каждого элемента представлено в таблице 2.8.
Таблица 2.8 - Описание элементов прототипа главной страницы
|
Элементы |
Описание |
|
|
Элемент 1 |
Форма поиска и ссылки на социальные сети |
|
|
Элемент 2 |
Картинка новости |
|
|
Элемент 3 |
Содержание новости |
|
|
Элемент 4 |
Заголовок новости |
Страница мероприятий имеет шаблонный характер и создается автоматически из административной панели, представленной на рисунке 2.11.
Описание каждого элемента представлено в таблице 2.9.
Таблица 2.9 - Описание элементов прототипа главной страницы
|
Элементы |
Описание |
|
|
Элемент 1 |
Форма поиска и ссылки на социальные сети |
|
|
Элемент 2 |
Картинка мероприятия |
|
|
Элемент 3 |
Содержание мероприятия |
|
|
Элемент 4 |
Заголовок мероприятия |
Подробная структура главной страницы представлена на рисунке 2.12.
Описание каждого элемента представлено в таблице 2.10.
Таблица 2.10 - Описание элементов прототипа главной страницы
|
Элементы |
Описание |
|
|
Элемент 1 |
Логотип интернет портала, который также служит ссылкой на главную страницу |
|
|
Элемент 2 |
Навигационное меню интернет-портала |
|
|
Элемент 3 |
Ссылки на основные направления портала, является вторым меню интернет-портала |
|
|
Элемент 4 |
Блок новостей, отображает актуальные новости |
|
|
Элемент 5 |
Блок мероприятий, содержит описательную информацию о проводимых мероприятиях |
|
|
Элемент 6 |
Блоки благодарностей и партнеров, содержит информацию о партнерах и благодарностях интернет портала |
|
|
Элемент 7 |
Подвал портала, является третьим вспомогательным меню |
2.3 Разработка функциональной модели интернет-портала
Процесс моделирования какой-либо системы в IDEF0 начинается с построения контекстной диаграммы, т.е. наиболее абстрактного уровня описания системы в целом. Контекстная диаграмма является вершиной древовидной структуры диаграмм и представляет собой самое общее описание системы и её взаимодействие с внешней средой [16]. Контекстная диаграмма разрабатываемого интернет-портала представлена на рисунке 2.13.
Описание стрелок, представленной выше, контекстной диаграммы представлено в таблице 2.11.
Таблица 2.11 - Описание стрелок контекстной диаграммы
|
Название |
Описание |
Тип |
|
|
1 |
2 |
3 |
|
|
Новостная информация |
Новостная информация для обработки куратором интернет-портала |
Input |
|
|
Информация о мероприятиях |
Информация о проводимом мероприятии интернет-портала или его партнеров |
Input |
|
|
Информация о партнерах и соглашения |
Информация о партнерах интернет-портала и соглашения заключенные с интернет-порталом |
Input |
|
|
Информация о благодарностях |
Информация о благодарностях, объявленных интернет-порталом |
Input |
|
|
Пользовательское соглашение |
Соглашение между пользователем и владельцем интернет-портала, отражающее условия использования интернет-портала. |
Control |
|
|
Нормативная база и ГОСТ |
Совокупность документов, определяющих нормативное регулирование процедур по приобретению, хранению, использованию информации, а также госты по ее оформлению. |
Control |
|
|
1 |
2 |
3 |
|
|
Бухгалтер |
Собирает и ведет отчетность по входной и выходной информации, также заключает и одобряет договоры |
Mechanism |
|
|
Куратор портала |
Редактирует и проверяет входную информацию оформляя ее по ГОСТ и нормативной базе, далее отправляя на выход |
Mechanism |
|
|
Готовый информационный блок |
Новостная информация, проверенная бухгалтером и отредактированная куратором интернет-портала |
Output |
|
|
Готовая информация о мероприятиях |
Информация о проводимом мероприятии, проверенная бухгалтером и отредактированная куратором интернет-портала |
Output |
|
|
Готовая информация о партнерах и соглашениях |
Информация о партнерах и соглашениях с регионами, подписанная и одобренная бухгалтером |
Output |
|
|
Готовая информация о благодарностях |
Информация о благодарностях интернет-порталу проверенная и отредактированная куратором интернет-портала |
Output |
Вход представляет собой информацию, преобразуемую функциональным блоком. Для данной модели входной информацией являются: новостная информация, информация о мероприятиях, информация о партнерах и соглашениях, информация о благодарностях. Управляющим механизмом является: пользовательское соглашение, нормативная база и ГОСТ. Исполняющим механизмом является: бухгалтер и куратор портала. В качестве выходной информации служит: готовый информационный блок, готовая информация о мероприятиях, готовая информация о партнерах и соглашения, готовая информация о благодарностях.
Методология IDEF0 может использоваться для моделирования широкого круга предметных областей и применяться как технология проектирования систем на логическом уровне. Данная технология описывает систему в целом как множество взаимозависимых функций или действий.
Процесс работы интернет-портала Агентства инновационного развития состоит из трёх основных этапов: «Работа с партнерами», «Редактирование базы данных» и «Оформления и проверка информации». Декомпозиция первого уровня диаграммы IDEF0 представлена на рисунке 2.14.
Этап «Редактирование базы данных» состоит из двух функциональных блоков: «Сбор, анализ и занесение данных» и «Формирование отчётов». Декомпозиция второго уровня диаграммы IDEF0 представлена на рисунке 2.15.
Описание функциональных блоков диаграммы IDEF0 представлено в таблице 2.12.
Таблица 2.12 - Описание функциональных блоков
|
Наименование блока |
Описание решаемых задач |
|
|
А1. <Работа с партнерами> |
Производится работа с партнерами |
|
|
А2. <Редактирование базы данных> |
Происходит редактирование структуры БД |
|
|
А3. <Оформление и проверка информации> |
Производится оформление и проверка информации, представленной партнерами |
|
|
А21. <Формирование информации> |
Происходит сбор, анализ, обработка информации |
|
|
А22. <Проверка и занесение информации в базу данных> |
Происходит вторичная проверка информации и занесении ее в базу данных |
2.4 Разработка диаграммы вариантов использования
Диаграммы вариантов использования показывает взаимодействие и зависимости между действующими лицами, которые участвуют в процессе и группами различных вариантов использования. Но стоит отметить, что диаграммы вариантов использования не служат главным образом для отображения проекта и не могут представить в полном объеме внутреннее устройство моделируемой системы. Диаграммы вариантов использования отражают взаимодействия с будущими пользователями системы, а также необходимые характеристики системы для этого. Проще говоря, диаграммы вариантов использования представляют, как система должна решать те или иные задачи, не указывая сами применяемые методы [17]. На рисунке 2.16 представлена диаграмма вариантов использования разрабатываемого интернет-портала.
Администратор может удалять добавленную на портал информацию, изменять инструменты поиска, отслеживать изменения на портале при помощи логов, которые ведет административная панель, редактировать информацию, добавлять информацию, изменять шаблоны ввода и вывода данных через БД, отслеживать активность, через административную панель или специальные модули, изменять структуру портала, через программный код.
Пользователь может просматривать информацию, которую добавил администратор или предложил другой пользователь, через форму обратной связи, выполнять поиск информации через специальную форму, редактировать и оценивать информацию заполнив и отправив специальную форму.
2.5 Разработка диаграммы деятельности
Диаграмма деятельности используется для моделирования процессов выполнения различных операций в системе, она представляет собой своеобразную блок-схему, описывающую последовательность выполнения действий во времени. Главным образом данная диаграмма предназначена для моделирования динамических аспектов поведения системы [18]. На рисунке 2.17 представлена диаграмма деятельности разрабатываемого портала.
После перехода на интернет-портал через поисковую систему или по специальному URL, начинается загрузка портала, после загрузки происходит отображение главной страницы интернет-портала, дальше предоставляется выбор либо авторизоваться как администратор, пройти проверки и начинать работу с административной панелью, либо ознакомиться с навигационным меню и посмотреть выбранный раздел, после чего получить информацию или же если в предложенной информации допущена ошибка отправить запрос на редактирование информации, через специальную форму.
На основании поставленных задач к разрабатываемому интернет-порталу, можно утверждать, что были проанализированы и разобраны: его структурную схема, с подробным описанием, распределение контента каждой страницы, составлены диаграммы отражающие функциональную сторону ресурса, такие, как контекстная диаграмма, диаграмма декомпозиции первого и второго уровня, диаграмма вариантов использования и диаграмма действий, проанализирован и выбран инструментарий средств разработки, можно сделать вывод, что интернет-портал спроектирован отлично и можно приступать к его разработке.
3. РАЗРАБОТКА ИНТЕРНЕТ-ПОРТАЛА АГЕНТСТВА ИННОВАЦИОННОГО РАЗВИТИЯ
3.1 Разработка дизайна
При разработке дизайна первым делом необходимо уделить внимание цветовой схеме разрабатываемого интернет-портала. Стандартная цветовая схема портала состоит из трех основных цветов, к которым в последующем подбираются оттенки, если основных цветов недостаточно или нужно расширить дизайн. Для разрабатываемого интернет-портала был выбран следующий набор цветов: синий, серый и белый. Выбор был обусловлен цветовой гаммой логотипа агентства, который состоит из 3 цветов: серый, синий, красный и желания самого агентства. Выбранные цвета хорошо сочетаются и не подвергают глаза пользователя нагрузке, цвета составляют визуальное восприятие проекта и вызывают у пользователя соответствующие настроение. Помимо настроения пользователя, не стоит забывать и об удобстве восприятия информации, лучше всего и привычнее текст читается с белого фона, но цвет самого текста не должен быть совсем чёрным, чтобы такая контрастность не подвергала глаза пользователей лишней нагрузке. При выборе шрифта акцент был сделан на строгий шрифт, но при этом шрифт не должен быть привычным для обыденного пользователя, такой как Time New Roman, не подходит, так как это шрифт используется повсеместно не только в web-разработке, но и при заполнении документов. Поэтому основным шрифтом интернет-портала был выбран шрифт Roboto, это современная, но доступная шрифтовая гарнитура, которая распространяется бесплатно и полностью поддерживает кириллицу [19].
Следующим этапом в разработке дизайне является выбор модульной сетки. Стандартная и общепринятая сетка на 2019 год - это двенадцати колоночная сетка. Она подразумевает деление страницы сайта и расположения на нем контента на отдельные колонки по вертикали. Была выбрана сетка фреймворка Materialize, максимальная ширина видимой области которой составляет 1200 пикселей, а отступы от колонок слева и справа по 15 пикселей.
На следующем этапе рассматривается схема просмотра элементов разрабатываемого ресурса. Она отвечает за то, куда в первую очередь пользователь, зашедший на интернет-портал, обратит свое внимание. Этот этап является важным при разработке дизайна, первое впечатление от разрабатываемого ресурса решает дальнейшую судьбу всего проекта, ведь от первого впечатления пользователя зависит его дальнейшее решение остаться на интернет-портале или решение посетить этот портал еще раз. Очень часто встречается Z-образная схема просмотра. Элементы на странице располагаются примерно таким образом: логотип слева вверху, меню справа вверху, информационные блоки, картинки слева внизу, кнопка с призывом к действию справа внизу. Именно Z-образная схема и будет использоваться при разработке дизайна интернет-портала [20].
После того, как мы определились с цветовой палитрой, выбрали модульную сетку, соответствующий шрифт и схему просмотра страницы, можно приступать к созданию элементов нашего интернет-портала. Для интернет-портала требуется определить: дизайн кнопок, дизайн карточек новостей и мероприятий, дизайн картинок и форм обратной связи. Исходя из желания агентства получить минималистичный, но в тоже время стильный дизайн, элементы были отрисованы следующим образом. На рисунке 3.1 представлен дизайн кнопки разрабатываемого интернет-портала. На рисунке 3.2 представлен дизайн карточки новостей, на рисунке 3.3 представлен дизайн карточки мероприятий, на рисунке 3.4 представлен дизайн картинок, на рисунке 3.5 представлен дизайн формы обратной связи.
Завершающим этапом в разработке дизайна является структурная компоновка выбранных элементов. Шапка и подвал на каждой странице одинаковые. В шапке слева располагается логотип агентства, а справа навигация по разделам. Сразу после шапки идет дополнительное интерактивное меню, в котором показы направления работы интернет-портала. Следующим разделом является раздел «Актуальных новостей» и «Мероприятия», на этих разделах сделан акцент, чтобы пользователь смог узнать актуальную информацию или зарегистрироваться на проводимое мероприятие. Дальше идут блоки благодарностей и партнеров. Завершает главную страницу подвал интернет-портала, в котором продублировано навигационное меню, расположены ссылки на социальные сети агентства и форма обратной связи. Разработанный дизайн главной страницы представлен на рисунке 3.6.
3.2 Верстка интернет-портала
После завершения разработки дизайна нужно приступать к верстке web-страницы, то есть перенести разработанный дизайн в код, а если быть точнее, то создать структуру HTML-разметки, которая размещает и упорядочивает элементы страницы так, чтобы они выглядели аналогично макету. При верстке сайта следует уделить большое внимание используемым технологиям, так-как не каждый браузер поддерживает современные инструменты разработки.
Первым делом прорабатывается структура файлов разрабатываемого интернет-портала она состоит из 2 папок: папка «CSS» в которой содержатся два файла «main.css» - это основной файл со стилями и «responsive.css» - это файл со стилями для разных разрешений экрана и браузера, папка «img» в которой содержатся изображения для интернет-портала. Структура папок представлена на рисунке 3.7.
В папке «files» расположены файлы, которые отправляет пользователь через обратную форму с разрабатываемого интернет-портала. В папке «js» расположены все используемый JavaScript-библиотеки. Так же для ускорения верстки элементов интернет-портала были подключены jQuery и owlcarousel - популярная библиотека для реализации карусели на сайте.
3.3 Разработка Базы данных
База данных написана на языке MySQL под управлением СУБД phpMyAdmin. База данных содержит 31 таблицу, 20 из которых системные и 11 созданные вручную пользователем. Таблицы БД представлены на рисунке 3.8.
Различают следующие уровни логической модели, каждая из которых отличается глубиной представления информации о данных:
- диаграмма сущность-связь представляет собой модель данных верхнего уровня, показана на рисунке 3.9. Она включает сущности и взаимосвязи, отражающие основные бизнес-правила предметной области. Такая диаграмма не слишком детализирована и может включать связи много-ко-многим;
- полная атрибутивная модель изображена на рисунке 3.10. Это наиболее детальное представление данных. Данная модель представляет данные в третьей нормальной форме и включает все сущности, атрибуты и связи;
3.4 Интеграция с Laravel
Когда дизайн проекта полностью разработан и сверстан, он имеет вид статического сайта, который состоит из статичных веб-страниц, содержащих в свою очередь различный текст, изображения и HTML-теги. Для того чтобы портал функционировал в полном объеме, требуется серверная составляющая, то есть сайт необходимо сделать динамическим. На этапе выбора инструментария были определены преимущества framework'а Laravel для решения данной задачи. В качестве back-end части разрабатываемого интернет-портала будем использовать framework Laravel.
Для начала работы с Laravel необходимо развернуть локальное окружение, чтобы имитировать расположения сайта на хостинге и проверить его работоспособность. Существует множество возможных инструментов локального окружения, но самый удобный, на мой взгляд - это XAMPP. Он отлично подходит для работы с php проектами и включает в себя множество функций таких как: apache - HTTP web-сервер, phpMyAdmin - система управления базой данных, FileZilla FTP Server - программа для доступа и передачи файлов через ftp соединение, XAMPP Control Panel - встроенная в программу панель управления, которая объединяет в себе выше перечисленные функции и дает к ним прямой доступ.
Сервер имеет следующие системные характеристики: 64 MB RAM, 750 MD disk. Этого более чем достаточно для разработки не только маленьких проектов, но и крупных.
Следующим шагом требуется установить composer на наш локальный сервер. Composer - это пакетный менеджер на языке php, который представляет из себя средство для управления зависимостями php.
После установки composer и проверки его работоспособности можно приступать к разворачиванию проекта Laravel на наш локальный сервер, это делается при помощи команды: «composer create-project -prefer-dist Laravel/Laravel project», которая скачивает и устанавливает зависимости необходимые для работы framework. После исполнения команды необходимо запустить наш локальный сервер командой «php artisan serve», если все прошло успешно, то появляется приветственное окно Laravel представленное на рисунке 3.11.
Следующим шагом необходимо установить административную панель для разрабатываемого интернет-портала, это делается командой «composer require tcg/voyager» и «php artisan voyager:install», а также создать базу данных в phpMyAdmin и указать данные для подключения к ней в файле «.env», который отвечает за все подключения к проекту. После успешного создания базы данных, подключения к ней и установки административной панели, необходимо проверить работоспособность административной панели и правильность подключения к БД, это делается при помощи перехода по специально URL (namesite/admin), если все успешно, то мы видим окно авторизации в административной панели, представленное на рисунке 3.12.
Завершающим этапом в интеграции с Laravel является разбиение сверстанной составляющей по специальным папкам.
В папке «public» будут находиться CSS стили и другие подключаемые к проекту файлы, структура папки public представлена на рисунке 3.13.
В папке «resource» будут находиться страницы нашего интернет-портала. В этой папке проект необходимо разбить на две составляющие:
Первая составляющая - статичные элементы в папку layouts, такие как: шапка сайта в файл nav.blade.php, подвал сайта в файл footer.blade.php, подключаемые стили и зависимости в файл master.blade.php и подключаемые скрипты в файл script.blade.php. Структура папки layouts представлена на рисунке 3.14.
Второй составляющей является создание папки под динамические страницы, которые будут изменяться из административной панели интернет-портала. Структура динамической папки «pages» представлена на рисунке 3.15.
После разбиения проекта по папкам необходимо прописать пути к этим файлам при помощи route и инициализировать эти файлы, чтобы система могла их видеть. Команда пути к файлу представлена на рисунке 3.16, а команда инициализации представлена на рисунке 3.17.
После выполнения всех этих шагов, была успешно проведена интеграция с framework Laravel.
4. РАЗРАБОТКА ОРГАНИЗАЦИОННО-МЕТОДИЧЕСКОЙ ДОКУМЕНТАЦИИ ДЛЯ РАБОТЫ С ИНТЕРНЕТ-ПОРТАЛОМ АГЕНТСТВА ИННОВАЦИОННОГО РАЗВИТИЯ
4.1 Руководство пользователя
При загрузке портала пользователь попадает на главную страницу интернет-портала. В шапке слева располагается логотип агентства, а слева навигационное меню. Ознакомившись с навигационным меню, пользователь может получить информацию: о самом агентстве и сфере его деятельности, о руководстве агентства, о экспертах, которые сотрудничают с агентством, о соглашениях заключенных с регионами, а также ознакомиться с фотоотчетами, перейдя на вкладку «О Нас». Может ознакомиться с проектной деятельностью портала перейдя на вкладку «Проекты», из которой он может узнать о всех направлениях, в которых работает агентство. Так же может ознакомиться с проводимыми и прошедшими мероприятиями из вкладки «Мероприятия», а из вкладки «Новости», ознакомиться с актуальными новостями. Завершает список навигационного меню три вкладки: «Документы», которая содержит отчетные документы работы агентства, «Магазин», где пользователь может приобрести сертификаты, выдаваемые агентством, «Контакты», где пользователь может поставить оценку порталу или связаться с кураторами портала.
После ознакомления с навигационным меню пользователь видит блок направлений работы агентства представленную на рисунке 4.1, форму поиска, представленную на рисунке 4.2 и ссылки на социальные сети, представленные на рисунке 4.3.
Двигаясь вниз, пользователь видит блок актуальных новостей и блок мероприятий, блок благодарностей и блок партнеров, завершает страницу интернет-портала подвал, в котором дублирует навигационное меню, ссылки на социальные сети и расположены форма обратной связи.
4.2 Руководство администратора
Администратор - владелец портала, он может удалять, изменять, добавлять записи в БД или страницы на самом портале, администратор имеет полный контроль над интернет-порталом. Для удобного управления порталом используется административная панель voyager, представленная на рисунке 4.4
Административная панель имеет множество функций, представленных на рисунке 4.5, которыми управляет администратор таких как:
«Roles» - назначает роли для пользователей, позволяет предоставлять доступ к административной панели сторонним пользователями, благодаря тому что имеется возможность ограничить те или иные функции для определенной роли. К примеру, если мы хотим, чтобы пользователь мог только добавлять новости, но при этом не мог их удалять, то мы создаем соответствующую роль и назначаем на нее пользователя.
«Users» - содержит информацию о всех пользователях, зарегистрированных на интернет-портале.
«Media» - содержит все изображения, представленные на интернет-портале. Представляет из себя галерею, в которую администратор может добавлять и хранить изображения.
«Settings» - настройки внешнего вида административной панели, позволяет менять
«Новости» - позволяет администратору интернет-портала создавать новую новость, для этого требуется заполнить соответствующие поля, после выполнения этих действий, всего за пару кликов на интернет-портале автоматически создаться совершенно новая страница под выбранную новость, которая также отобразиться на главной странице сайта в соответствующем блоке.
«Мероприятия» - позволяет администратору интернет-портала создавать мероприятия, для этого требуется заполнить соответствующие поля. Если при создании мероприятия администратору требуется создать регистрацию на интернет портале, то он включает специальный переключатель, показанный на рисунке 4.6. Если переключатель находиться в состоянии «On», в мероприятии появляется специальная форма для регистрации, представленная на рисунке 4.7, в противном же случае указывается просто ссылка на стороннею регистрации или вообще не указывается ничего.
«Благодарности» - позволяет добавлять благодарности от партнеров агентства или участников мероприятий.
«Фотогалерея» - позволяет добавлять фотографии в соответствующий раздел на интернет-портале.
«Конференции» - позволяет создавать, редактировать и удалять записи отчеты о проведенных конференциях агентства.
«Публикации» - позволяет создавать, редактировать и удалять записи о публикациях, которые получили работники или партнеры агентства.
«SEO» - позволяет добавлять описание каждой страницы, для последующего продвижения в сети интернет.
ЗАКЛЮЧЕНИЕ
В ходе данной выпускной квалификационной работы был разработан интернет-портал Агентства инновационного развития. Разработанный интернет-портал решает задачи объединения в себе множества направлений, поиск достоверной и актуальной информации на портале, отображение информации в структурированном и доступном стиле для конечного пользователя, разработку структуры портала, навигационных элементов, интерактивных элементов для работы с пользователем.
В ходе выполнения работы был проведен анализ объекта автоматизации, рассмотрены и исследованы существующие подходы и способы представления информационных услуг, изучены и проанализированы 10 порталов. На основе анализа была поставлена задача разработки интернет-портала и пути ее реализации.
Для решения поставленной задачи был рассмотрен различный инструментарий такой как: инструменты front-end, back-end разработчика, для работы с клиентской и серверной частью разрабатываемого интернет-портала, системы управления контентом. Проанализировав инструменты, framework, библиотеки и языки программирования, был выбран наиболее оптимальный инструментарий средств для разработки интернет-портала.
На этапе проектирования, была разработана структурная схема, которая подробно показывает разрабатываемые элементы и их расположение на интернет-портале, контекстная диаграмма, диаграмма IDEF0, диаграмма вариантов использования, диаграмма деятельности.
После полной проектировки разрабатываемого интернет-портала, на основе выбранного инструментария средств и составленных требований, был описан процесс: разработки дизайна, верстки интернет-портала, разработка базы данных и описана интеграция с Laravel.
В завершении была проведена разработка организационно-методической документации для работы с интернет-порталом Агентства инновационного развития, которая включила в себя руководство пользователя и руководство администратора.
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
1. Роббинс, Д. HTML5, CSS3 и JavaScript. Исчерпывающее руководство / Д. Роббинс - Москва: Эксмо, 2014. - 516с.
2. Байков, В. Интернет. Поиск информации и продвижение сайтов. / В. Байков - Санкт-Петербург: БХВ-Петербург, 2000. - 288с.
3. Фримен, Э. Изучаем HTML, XHTML и CSS / Э. Фримен - Санкт-Питербург: Питер, 2012. - 656с.
4. Мейер, Д. Новая большая книга CSS/ Д. Мейер - Санкт-Питербург: Питер, 2017. - 720с.
5. Хавербеке, М. Выразительный Javascript/ М. Хавербеке - Санкт-Питербург: Питер, 2011. - 425с.
6. Бейли, Л. Изучаем PHP и MySQL/ Л. Бейли - Москва: Эксмо, 2010. - 768с.
7. Фельке-Моррис, Т. Большая книга веб-дизайна/ Т. Фельке-Моррис - Москва: Эксмо, 2012. - 608с.
8. Методология IDEF0 [Электронный курс]: itteach сайт. - Режим доступа: https://itteach.ru/bpwin/metodologiya-idef0
9. UML -- диаграмма вариантов использования [Электронный ресурс]: habr сайт. - Режим доступа: https://habr.com/post/47940/
10. Теория и практика UML. Диаграмма деятельности [Электронный ресурс]: it-gost сайт. - Режим доступа: http://it-gost.ru/articles/view_articles/96
11. Информационный портал VOLOGDA-POISK.RU [Электронный ресурс]: VOLOGDA-POISK.RU сайт. - Режим доступа: Ошибка! Недопустимый объект гиперссылки.
12. Информационный портал NPVO35.RU [Электронный ресурс]: NPVO35.RU сайт. - Режим доступа: Ошибка! Недопустимый объект гиперссылки.
13. Информационный портал VOLOGDATOURINFO.RU [Электронный ресурс]: VOLOGDATOURINFO.RU сайт. - Режим доступа: Ошибка! Недопустимый объект гиперссылки.
14. Молодежный портал UPINFO.RU [Электронный ресурс]: UPINFO.RU сайт. - Режим доступа: Ошибка! Недопустимый объект гиперссылки.
15. Справочно-информационный портал GRAMOTA.RU [Электронный ресурс]: GRAMOTA.RU сайт. - Режим доступа: Ошибка! Недопустимый объект гиперссылки.
16. Официальный интернет-портал правовой информации PRAVO.GOV.RU [Электронный ресурс]: PRAVO.GOV.RU сайт. - Режим доступа: Ошибка! Недопустимый объект гиперссылки.
17. Информационный портал РФ INFOPORTALRU.RU [Электронный ресурс]: INFOPORTALRU.RU сайт. - Режим доступа: Ошибка! Недопустимый объект гиперссылки.
18. Портал STARTUPMOSCOW.RU [Электронный ресурс]: STARTUPMOSCOW.RU сайт. - Режим доступа: Ошибка! Недопустимый объект гиперссылки.
19. Портал ANOASI.COM [Электронный ресурс]: ANOASI.COM сайт. - Режим доступа: Ошибка! Недопустимый объект гиперссылки.
20. Интернет портал PFRF.RU [Электронный ресурс]: PFRF.RU сайт. - Режим доступа: Ошибка! Недопустимый объект гиперссылки.
Размещено на Allbest.ru
...Подобные документы
Разработка средств администрирования и безопасности, импорт информационного наполнения с Web-страницы. Отображение статических файлов HTML и вывод форматированных данных. Идентификация опасных и вредных факторов, сопутствующих созданию интернет-портала.
дипломная работа [2,2 M], добавлен 02.06.2012Процесс создания и развития динамических веб-страниц с использованием систем управления контентом. Последовательность установки и настройки движка и плагинов CMS E-107 на хостинге. Разграничение ролей администратора и пользователей интернет-портала.
курсовая работа [2,3 M], добавлен 29.06.2014Обоснование потребности в интернет–портале "Объекты культурно-исторического наследия" и его эффективность. Технологии социального компьютинга. Анализ существующих языков, технологий веб–разработки. Разработка макетов веб–страниц. Верстка интернет–портала.
дипломная работа [412,1 K], добавлен 01.01.2018Жанры и форматы мультимедиа. Специфика интернета как медиаплатформы. Способы создания и распространения мультимедийного контента. Разработка контента мультимедийного интернет-портала о городских экстремальных видах спорта: аудитория, рубрикация и пр.
дипломная работа [3,1 M], добавлен 20.08.2017Пути формирования имиджа учебного заведения как одной из составляющих деятельности образовательного учреждения. Проблемы интернет-маркетинга, его продвижение. Пример типичной динамики развития корпоративного портала как части интернет-пространства.
курсовая работа [387,3 K], добавлен 13.04.2014Создание ознакомительного информационно-технического форума. Отличие создания интернет-портала от сайта в рунете. Основные ступени разработки информационно-технического портала. Качественное наполнение сайта. Требования к дизайну сайта, цветовые решения.
контрольная работа [29,7 K], добавлен 17.04.2014Создание единого Интернет-портала государственных услуг, объединяющего в рамках общей системы навигации сайты государственных органов в Интернет. Анализ реализации концепции "электронного правительства" в России. Основные проблемы и пути их преодоления.
реферат [1,6 M], добавлен 19.06.2014Теоретические основы Интернет-технологий и основных служб сети Интернет. Ознакомление с возможностями подключения к сети Интернет. Основные службы сети. Принципы поиска информации в WWW. Обзор современных Интернет браузеров. Программы для общения в сети.
курсовая работа [385,2 K], добавлен 18.06.2010Разработка интернет-магазина для реального заказчика. Проведение анализа и выбор интернет-технологий для разработки интернет-магазина. Проектирование предметной области. Разработка динамических web-страниц интернет-магазина, управляемых базой данных.
дипломная работа [1,7 M], добавлен 08.06.2013Понятие, развитие, формы организации Интернет. Сеть Интернет как информационный канал. Особенности средств массовой информации в глобальной сети, ее функции и возможности. Исследование электронных версий газет и информационных агентств в сети Интернет.
курсовая работа [2,6 M], добавлен 09.04.2011Изучение основных преимуществ современных информационных систем. Осуществление коммерческой деятельности в среде Интернет. Предназначение программной системы. Модель взаимодействия с клиентами портала. Оценка эффекта от проекта электронной торговли.
презентация [480,7 K], добавлен 26.05.2015Знакомство с организационно-функциональной структурой и хозяйственной деятельностью предприятия. Сравнительный анализ интернет-магазинов. Формирование требований к интернет-магазину. Обоснование экономической эффективности разработки интернет-магазина.
курсовая работа [1,4 M], добавлен 15.04.2012Интернет - глобальная телекоммуникационная сеть информационных и вычислительных ресурсов, служит физической основой для Всемирной паутины. История возникновения и развития сети интернет, основные услуги. Что такое web-браузеры, их характеристика.
дипломная работа [8,0 M], добавлен 19.08.2011Разработка, внедрение, адаптация, сопровождение программного обеспечения и информационных ресурсов. Наладка и обслуживание оборудования отраслевой направленности. Наполнение базы данных интернет-магазина. Публикация и оптимизация сайта в сети интернет.
отчет по практике [2,7 M], добавлен 18.05.2015Разработка интернет-магазина мужской и женской одежды и аксессуаров. Требования к техническим характеристикам сайта (трафик, надежность, безопасность). Выбор методов сопровождения интернет-магазина. Подключение интернет-магазина к платежным системам.
отчет по практике [2,9 M], добавлен 01.05.2015Возникновение и развитие World Wide Web и глобальной сети Интернет. Интернет-браузеры и программы обмена сообщениями. Направление интернет-технологий в образовательном процессе. Применение Интернет-ресурсов в процессе изучения учебных дисциплин.
дипломная работа [346,2 K], добавлен 22.02.2013История развития и правовое регулирование в сети Интернет. Американская военно-промышленная территориальная сеть ARPANet как прообраз современной сети Интернет. Научная среда существования сети. Социальные отношения и безопасность в среде Интернет.
доклад [11,0 K], добавлен 02.05.2011Особенности программных средств (браузеров) для просмотра web-страниц и для работы с электронной почтой (почтовые клиенты). Этапы и методы разработки Интернет-сайта. Средства поиска информации в Интернет. Сравнительная характеристика поисковых сайтов.
курсовая работа [617,9 K], добавлен 19.06.2010Разработка интернет-магазина, который специализируется на продаже книг. Сравнение технологий и средств разработки: языки программирования и программное обеспечение. Социальные сети и система управления контентом. Проектирование модели базы данных.
курсовая работа [3,6 M], добавлен 25.06.2012Интернет-провайдер как организация, предоставляющая услуги доступа к сети Интернет и иные связанные с Интернетом ресурсы, основные критерии и параметры его выбора, типы на современном рынке и оценка качества предоставляемых услуг. Информация о 3G Life.
практическая работа [705,8 K], добавлен 09.11.2013
