Разработка дизайна для веб-приложения по кафедральной научной работе с применением технологии Figma
|
Аннотация 2
Перечень сокращений и обозначений 6
Введение 7
1 Технология проектирования и разработки макета веб-сайта образовательной платформы «Cousers» 11
1.1 Анализ и характеристика деятельности 11
1.2 Информационная модель 12
1.2.1. Диаграмма прецедентов 15
1.2.2. Диаграмма классов 16
1.2.3. Диаграммы взаимодействия 19
1.2.4. Диаграмма кооперации 20
1.2.5. Диаграмма пакетов 21
1.2.6. Диаграмма состояний 21
1.2.7. Диаграмма компонентов системы 22
1.2.8. Диаграмма развертывания 23
1.3 Обзор существующих web-сайтов социальных кружков политической тематики 24
1.4 Характеристика комплекса задач и обоснование необходимости автоматизации 26
1.5 Анализ существующего программного обеспечения и технологий разработки 28
2 Разработка дизайн-макета сайта 29
2.1 Задание на разработку проекта 29
2.2 Разработка прототипа дизайн-макета будущего сайта 29
2.3 Описание стилистики 34
2.4 Структура образовательной платформы 36
Заключение 57
Список используемых источников 58
Перечень сокращений и обозначений 6
Введение 7
1 Технология проектирования и разработки макета веб-сайта образовательной платформы «Cousers» 11
1.1 Анализ и характеристика деятельности 11
1.2 Информационная модель 12
1.2.1. Диаграмма прецедентов 15
1.2.2. Диаграмма классов 16
1.2.3. Диаграммы взаимодействия 19
1.2.4. Диаграмма кооперации 20
1.2.5. Диаграмма пакетов 21
1.2.6. Диаграмма состояний 21
1.2.7. Диаграмма компонентов системы 22
1.2.8. Диаграмма развертывания 23
1.3 Обзор существующих web-сайтов социальных кружков политической тематики 24
1.4 Характеристика комплекса задач и обоснование необходимости автоматизации 26
1.5 Анализ существующего программного обеспечения и технологий разработки 28
2 Разработка дизайн-макета сайта 29
2.1 Задание на разработку проекта 29
2.2 Разработка прототипа дизайн-макета будущего сайта 29
2.3 Описание стилистики 34
2.4 Структура образовательной платформы 36
Заключение 57
Список используемых источников 58
Информационные технологии постоянно увеличивают свое влияние на все сферы общественной жизни. С изобретением в 1993 году веб-браузера, потенциальные возможности Интернета начали приобретать глобальный характер.
Интернет-технологии широко используются в разных сферах деятельности современного общества и, в первую очередь, - в информационной сфере. Они позволяют оптимизировать разнообразные информационные процессы, начиная с подготовки и издания печатной продукции и заканчивая информационным моделированием и прогнозированием глобальных процессов развития природы и общества.
Анализируя роль и значение интернет-технологий для современного этапа развития общества, можно сделать вывод о том, что эта роль стратегически важна, а значение этих технологий в ближайшем будущем будет быстро возрастать. Именно этим технологиям принадлежит определяющая роль в области технологического развития общества.
В последнее время значительно выросло требование к дизайну веб-приложений, сопровождающего новые возможности работы HTML5 и CSS3. Дизайн должен быть простым и ясным, при этом должен привлекать пользователей на страницы. Адаптивный дизайн позволяет работать с ресурсом из всех современных устройств, таких как стационарные компьютеры, ноутбуки, планшеты и мобильные устройства. Адаптивность ориентируется на разрешение дисплея устройства, а точнее, на разрешение окна браузера устройства.
Важным аспектом деятельности любой частной фирмы, на текущий момент становится увеличение эффективности управления различными структурными подразделениями и продвижение, реклама в интернет-сфере. Это объясняется повышением сложности управленческих задач, наличием большого количества критериев оценивания работы компании, наличием большого количества конкурентов в сфере деятельности, а также возрастающим с каждым днём потоком управляющих воздействий извне. Широкое применение в управленческой деятельности, в первую очередь, в управлении различными компаниями, находят различные информационные технологии, например: система электронного документооборота, внедрение работы сайта, использование функционала информационного портала [1, с. 15].
Различные образовательные платформы и сайты всегда занимали и продолжают занимать большое место в жизни человека. В настоящее время, в условиях жесткой рыночной конкуренции выживают только наиболее жизнеспособные и привлекательные идеи, образовательные платформы, поэтому для того чтобы выжить и преуспеть в непростых современных условиях, организация должна предложить обществу и людям не только качественный набор идей и выгод для вступления и участия, но и иметь привлекательную детально проработанную концепцию ведения деятельности, включающую как обязательную часть, применение современных информационных технологий.
Сегодня, наверное, не осталось сферы деятельности человека, где можно обойтись без использования информационных технологий, в частности ресурсов и возможностей, предоставляемых для ведения бизнеса сетью Интернет. Не является исключением и наша сфера деятельности, внедрение сайта позволит решить сразу несколько задач, таких как: расширение известности общества путем донесения информации о ней через сеть интернет до большего числа клиентов, информационное и контактное сопровождение, увеличение узнаваемости платформы и ее основателей, в частности.
Главное предназначение сайта - это предоставление информации. Эффективность данного подхода заключается в том, что в связи с быстрой скоростью развития сети интернет, происходит втягивание большого количества людей в среду использования интернет-технологий и ресурсов. А значит, что с помощью сайта о нашей компании узнает большее количество потенциальных участников, нежели из других источников распространения информации.
В рамках данной работы будет рассмотрена работа веб-сайта «Cousers», предложены варианты ее совершенствования и расширения спектра предлагаемых интересов и видов деятельности путем разработки и внедрения функционирующего в сети Интернет web-сайта данной платформы. Процесс разработки Web-сайта в сети Интернет обеспечит приток новых пользователей, поскольку хорошо сделанный сайт будет достаточно просто найти при помощи поисковых систем.
В современной реальности растет спрос на электронные образовательные платформы с интерактивными возможностями. Большинство учреждений образования переходят на удаленное обучение, что требует внедрения в процесс современных методов обучения.
Цифровая образовательная платформа - информационное пространство, объединяющее участников процесса обучения, которое дает возможность для удаленного образования, обеспечивает доступ к методическим материалам и информации, а также позволяет осуществлять тестирование для контроля уровня знаний обучающихся.
В качестве итоговой работы было выбрано разработать дизайн-макеты для образовательной платформы. Будет существовать два типа аккаунтов: администратор и пользователи. Суть платформы заключается в том, что администратор сайта может загрузить неограниченное количество образовательных материалов (курсов и лекций), а пользователи, которые пройдут регистрацию, могут выбрать интересующие их курсы и лекции, а затем изучить их. Платформа будет называться Cousers.
Актуальность. На данный момент в сети Интернет не представлена информация о данной образовательной платформы, помимо этого не разработана общая концепция сайта, в этой связи тема работы является весьма актуальной. С помощью сайта можно добиться быстрого реагирования на пожелания пользователей, а также вносить соответствующие изменения в работу Web-сайта. Разработка сайта позволит получать информацию о новых образовательных курсах из глобальной сети Интернет, тем самым повысить рейтинг организации, ее престиж и возможности. Кроме этого, Web-сайт позволит снизить расходы на рекламу.
Объект исследования: изучение деятельности образовательной платформы «Cousers».
Предмет исследования: проектирование дизайна web-сайта образовательной платформы «Cousers».
Цель исследования: проектирование и создание дизайн-макета в Figma web-сайта с использованием современных технологий.
Задачи исследования:
• проанализировать материал, связанный с направлением деятельности платформы. Систематизировать собранную информацию;
• изучить аналоги сайтов схожей тематики (электронные издания и ресурсы, работающие в сфере предоставления населению образовательных услуг), выявить преимущества и недостатки конкурентов;
• определить структуру сайта и выполнить процесс разработки;
• разработать дизайн-макет сайта, который может пополняться и развиваться.
Методы исследования: теория web-программирования, методы системного анализа и теории принятия решений.
Теоретическая значимость: заключается в проведении изучения большого количества источников по проектированию дизайна сайтов, для определения современных методов по их разработке.
Практическая значимость: заключается в том, чтобы после создания дизайн-макета сайта образовательной платформы «Cousers», в дальнейшем можно было бы сделать действующий сайт и на его основе в дальнейшем смогли создавать подобные проекты.
Интернет-технологии широко используются в разных сферах деятельности современного общества и, в первую очередь, - в информационной сфере. Они позволяют оптимизировать разнообразные информационные процессы, начиная с подготовки и издания печатной продукции и заканчивая информационным моделированием и прогнозированием глобальных процессов развития природы и общества.
Анализируя роль и значение интернет-технологий для современного этапа развития общества, можно сделать вывод о том, что эта роль стратегически важна, а значение этих технологий в ближайшем будущем будет быстро возрастать. Именно этим технологиям принадлежит определяющая роль в области технологического развития общества.
В последнее время значительно выросло требование к дизайну веб-приложений, сопровождающего новые возможности работы HTML5 и CSS3. Дизайн должен быть простым и ясным, при этом должен привлекать пользователей на страницы. Адаптивный дизайн позволяет работать с ресурсом из всех современных устройств, таких как стационарные компьютеры, ноутбуки, планшеты и мобильные устройства. Адаптивность ориентируется на разрешение дисплея устройства, а точнее, на разрешение окна браузера устройства.
Важным аспектом деятельности любой частной фирмы, на текущий момент становится увеличение эффективности управления различными структурными подразделениями и продвижение, реклама в интернет-сфере. Это объясняется повышением сложности управленческих задач, наличием большого количества критериев оценивания работы компании, наличием большого количества конкурентов в сфере деятельности, а также возрастающим с каждым днём потоком управляющих воздействий извне. Широкое применение в управленческой деятельности, в первую очередь, в управлении различными компаниями, находят различные информационные технологии, например: система электронного документооборота, внедрение работы сайта, использование функционала информационного портала [1, с. 15].
Различные образовательные платформы и сайты всегда занимали и продолжают занимать большое место в жизни человека. В настоящее время, в условиях жесткой рыночной конкуренции выживают только наиболее жизнеспособные и привлекательные идеи, образовательные платформы, поэтому для того чтобы выжить и преуспеть в непростых современных условиях, организация должна предложить обществу и людям не только качественный набор идей и выгод для вступления и участия, но и иметь привлекательную детально проработанную концепцию ведения деятельности, включающую как обязательную часть, применение современных информационных технологий.
Сегодня, наверное, не осталось сферы деятельности человека, где можно обойтись без использования информационных технологий, в частности ресурсов и возможностей, предоставляемых для ведения бизнеса сетью Интернет. Не является исключением и наша сфера деятельности, внедрение сайта позволит решить сразу несколько задач, таких как: расширение известности общества путем донесения информации о ней через сеть интернет до большего числа клиентов, информационное и контактное сопровождение, увеличение узнаваемости платформы и ее основателей, в частности.
Главное предназначение сайта - это предоставление информации. Эффективность данного подхода заключается в том, что в связи с быстрой скоростью развития сети интернет, происходит втягивание большого количества людей в среду использования интернет-технологий и ресурсов. А значит, что с помощью сайта о нашей компании узнает большее количество потенциальных участников, нежели из других источников распространения информации.
В рамках данной работы будет рассмотрена работа веб-сайта «Cousers», предложены варианты ее совершенствования и расширения спектра предлагаемых интересов и видов деятельности путем разработки и внедрения функционирующего в сети Интернет web-сайта данной платформы. Процесс разработки Web-сайта в сети Интернет обеспечит приток новых пользователей, поскольку хорошо сделанный сайт будет достаточно просто найти при помощи поисковых систем.
В современной реальности растет спрос на электронные образовательные платформы с интерактивными возможностями. Большинство учреждений образования переходят на удаленное обучение, что требует внедрения в процесс современных методов обучения.
Цифровая образовательная платформа - информационное пространство, объединяющее участников процесса обучения, которое дает возможность для удаленного образования, обеспечивает доступ к методическим материалам и информации, а также позволяет осуществлять тестирование для контроля уровня знаний обучающихся.
В качестве итоговой работы было выбрано разработать дизайн-макеты для образовательной платформы. Будет существовать два типа аккаунтов: администратор и пользователи. Суть платформы заключается в том, что администратор сайта может загрузить неограниченное количество образовательных материалов (курсов и лекций), а пользователи, которые пройдут регистрацию, могут выбрать интересующие их курсы и лекции, а затем изучить их. Платформа будет называться Cousers.
Актуальность. На данный момент в сети Интернет не представлена информация о данной образовательной платформы, помимо этого не разработана общая концепция сайта, в этой связи тема работы является весьма актуальной. С помощью сайта можно добиться быстрого реагирования на пожелания пользователей, а также вносить соответствующие изменения в работу Web-сайта. Разработка сайта позволит получать информацию о новых образовательных курсах из глобальной сети Интернет, тем самым повысить рейтинг организации, ее престиж и возможности. Кроме этого, Web-сайт позволит снизить расходы на рекламу.
Объект исследования: изучение деятельности образовательной платформы «Cousers».
Предмет исследования: проектирование дизайна web-сайта образовательной платформы «Cousers».
Цель исследования: проектирование и создание дизайн-макета в Figma web-сайта с использованием современных технологий.
Задачи исследования:
• проанализировать материал, связанный с направлением деятельности платформы. Систематизировать собранную информацию;
• изучить аналоги сайтов схожей тематики (электронные издания и ресурсы, работающие в сфере предоставления населению образовательных услуг), выявить преимущества и недостатки конкурентов;
• определить структуру сайта и выполнить процесс разработки;
• разработать дизайн-макет сайта, который может пополняться и развиваться.
Методы исследования: теория web-программирования, методы системного анализа и теории принятия решений.
Теоретическая значимость: заключается в проведении изучения большого количества источников по проектированию дизайна сайтов, для определения современных методов по их разработке.
Практическая значимость: заключается в том, чтобы после создания дизайн-макета сайта образовательной платформы «Cousers», в дальнейшем можно было бы сделать действующий сайт и на его основе в дальнейшем смогли создавать подобные проекты.
Современная деятельность специалистов в области информационных технологий немыслима без эффективного информационного обеспечения, которое состоит в формировании и выдаче актуальной, достоверной информации. В связи с этим целью данной работы являлась разработка дизайн- макета образовательной платформы «Cousers».
В рамках выпускной квалификационной работы были выполнены все поставленные задачи. Было изучено приложение Figma и применено в разработке дизайна сайта. Так же был проведен анализ существующего программного обеспечения и технологий разработки.
Для достижения поставленной цели были сформулированы следующие задачи:
• выполнить анализ структуры сферы деятельности;
• осуществить анализ существующих технологий в области web- дизайна;
• изучить теоретические основы проектирования веб-ресурса;
• разработать дизайн-макет веб-сайта "Cousers";
• сделать выводы о проделанной работе.
В результате был создан собственный продукт - дизайн-макет образовательной платформы «Cousers». В процессе работы был структурирован собранный материал, обеспечено удобство и очевидность общего содержания проекта и всех его отдельных фрагментов. Важным в создании проекта является эстетический уровень организации проектных материалов посредством создания единой стилистической подачи.
По итогам, все задачи были решены, поставленная цель выполнена. В качестве выходного результата был создан дизайн-макет образовательной платформы «Cousers», который позволит вести работу по увеличение своего информационного влияния, привлекать целевую аудиторию.
В рамках выпускной квалификационной работы были выполнены все поставленные задачи. Было изучено приложение Figma и применено в разработке дизайна сайта. Так же был проведен анализ существующего программного обеспечения и технологий разработки.
Для достижения поставленной цели были сформулированы следующие задачи:
• выполнить анализ структуры сферы деятельности;
• осуществить анализ существующих технологий в области web- дизайна;
• изучить теоретические основы проектирования веб-ресурса;
• разработать дизайн-макет веб-сайта "Cousers";
• сделать выводы о проделанной работе.
В результате был создан собственный продукт - дизайн-макет образовательной платформы «Cousers». В процессе работы был структурирован собранный материал, обеспечено удобство и очевидность общего содержания проекта и всех его отдельных фрагментов. Важным в создании проекта является эстетический уровень организации проектных материалов посредством создания единой стилистической подачи.
По итогам, все задачи были решены, поставленная цель выполнена. В качестве выходного результата был создан дизайн-макет образовательной платформы «Cousers», который позволит вести работу по увеличение своего информационного влияния, привлекать целевую аудиторию.
