📄Работа №160948
Тема: Модуль расширения системы прототипирования Sketch для автоматизированного наполнения макетов веб-сайтов
Тип работы
Магистерская диссертация
Предмет
Информатика и вычислительная техника
Объем:
72 листов
Год:
2020
Просмотров:
95
4880
руб.
🛒 Купить работу
Не подходит эта работа?
Закажите новую по вашим требованиям
Узнать цену на написание
Закажите новую по вашим требованиям
Представленный материал является образцом учебного исследования, примером структуры и содержания учебного исследования по заявленной теме. Размещён исключительно в информационных и ознакомительных целях.
Workspay.ru оказывает информационные услуги по сбору, обработке и структурированию материалов в соответствии с требованиями заказчика.
Размещение материала не означает публикацию произведения впервые и не предполагает передачу исключительных авторских прав третьим лицам.
Материал не предназначен для дословной сдачи в образовательные организации и требует самостоятельной переработки с соблюдением законодательства Российской Федерации об авторском праве и принципов академической добросовестности.
Авторские права на исходные материалы принадлежат их законным правообладателям. В случае возникновения вопросов, связанных с размещённым материалом, просим направить обращение через форму обратной связи.
Настоящий учебно-методический информационный материал размещён в ознакомительных и исследовательских целях и представляет собой пример учебного исследования. Не является готовым научным трудом и требует самостоятельной переработки.
📋 Содержание
ВВЕДЕНИЕ 4
1 АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ 7
1.1 Постановка задачи 8
1.2 Возможные варианты решения задачи 9
2 ПРОЕКТИРОВАНИЕ МОДУЛЯ РАСШИРЕНИЯ СИСТЕМЫ
ПРОТОТИПИРОВАНИЯ 11
2.1 Проектирование интерфейса пользователя 15
2.2 Проектирование структуры модуля 15
3 ОПИСАНИЕ РАЗРАБОТКИ МОДУЛЯ 17
3.1 Описание принципа работы модуля 19
3.2 Описание разработки основных функций 23
3.3 Описание разработки пользовательского интерфейса 24
4 РУКОВОДСТВО ПОЛЬЗОВАТЕЛЯ 27
5 Тестирование ПО 33
ЗАКЛЮЧЕНИЕ 38
СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ 39
Приложение А.1 Файл «Codejs» 40
Приложение А.2 Файл «uijs» 45
Приложение А.3 Файл «ui.html» 47
Приложение А.4 Файл «ui.css» 59
Приложение А.5 Файл «category_page_nav_func.php» 62
Приложение А.6 Файл «webpack.config.js» 63
1 АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ 7
1.1 Постановка задачи 8
1.2 Возможные варианты решения задачи 9
2 ПРОЕКТИРОВАНИЕ МОДУЛЯ РАСШИРЕНИЯ СИСТЕМЫ
ПРОТОТИПИРОВАНИЯ 11
2.1 Проектирование интерфейса пользователя 15
2.2 Проектирование структуры модуля 15
3 ОПИСАНИЕ РАЗРАБОТКИ МОДУЛЯ 17
3.1 Описание принципа работы модуля 19
3.2 Описание разработки основных функций 23
3.3 Описание разработки пользовательского интерфейса 24
4 РУКОВОДСТВО ПОЛЬЗОВАТЕЛЯ 27
5 Тестирование ПО 33
ЗАКЛЮЧЕНИЕ 38
СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ 39
Приложение А.1 Файл «Codejs» 40
Приложение А.2 Файл «uijs» 45
Приложение А.3 Файл «ui.html» 47
Приложение А.4 Файл «ui.css» 59
Приложение А.5 Файл «category_page_nav_func.php» 62
Приложение А.6 Файл «webpack.config.js» 63
📖 Введение
В последние несколько лет ведущими программными продуктами в сфере разработки пользовательских интересов являются программы «Sketch» и «Figma» но их возможности не совершенны, но они имеют достаточно хороший набор API для восполнения этих пробелов. В данной работе будет разработан модуль который расширит возможности данных средств прототипирования и автоматизирует процесс оценки контрастности элементов веб-сайта.
Это важно поскольку на данный момент интернет становится доступным и всё больше людей с нарушением зрения пользуются им, к тому же огромное количество государственных сервисов смещает приоритет в пользу онлайн - оформления документов и составления заявок на различные услуги, поэтому в данном случае критически важно становится доступность подобных ресурсов людям с ограниченными возможностями. На ряду с такими людьми люди без отклонений так же должны с комфортом потреблять «контент» и пользоваться возможностями беспроводной сети, так как не правильный контраст способен нанести вред здоровью при длительном использовании среды с которой человек взаимодействует ежедневно, например в рамках трудового договора либо используя государственные порталы. Подобным сервисам необходимо соблюдать рекомендации описание в соответствующих рекомендациями.
Согласно ГОСТ Р 52872-2019 «Интернет-ресурсы и другая информация, представленная в электронно-цифровой форме. Приложения для стационарных и мобильных устройств, иные пользовательские интерфейсы. Требования доступности для людей с инвалидностью и других лиц с ограничениями жизнедеятельности» требования контрастности к элементам веб-страниц и мобильных приложений должно быть 4,5:1 за исключением укрупнённой текстовой информации где допускается контрастность 3:1, что соответствует второму грейду (AA) от Web Content Accessibility Guidlines (WCAG — рекомендации по доступности веб контента), разрабатываемый модуль призван быстро давать оценку двум элементов, непосредственно в программной среде, тем самым ускоряя процесс разработки и демонстрации их контраста и оценки по системе WCAG, для понимания доступности и комфортности разрабатываемого интерфейса
Это важно поскольку на данный момент интернет становится доступным и всё больше людей с нарушением зрения пользуются им, к тому же огромное количество государственных сервисов смещает приоритет в пользу онлайн - оформления документов и составления заявок на различные услуги, поэтому в данном случае критически важно становится доступность подобных ресурсов людям с ограниченными возможностями. На ряду с такими людьми люди без отклонений так же должны с комфортом потреблять «контент» и пользоваться возможностями беспроводной сети, так как не правильный контраст способен нанести вред здоровью при длительном использовании среды с которой человек взаимодействует ежедневно, например в рамках трудового договора либо используя государственные порталы. Подобным сервисам необходимо соблюдать рекомендации описание в соответствующих рекомендациями.
Согласно ГОСТ Р 52872-2019 «Интернет-ресурсы и другая информация, представленная в электронно-цифровой форме. Приложения для стационарных и мобильных устройств, иные пользовательские интерфейсы. Требования доступности для людей с инвалидностью и других лиц с ограничениями жизнедеятельности» требования контрастности к элементам веб-страниц и мобильных приложений должно быть 4,5:1 за исключением укрупнённой текстовой информации где допускается контрастность 3:1, что соответствует второму грейду (AA) от Web Content Accessibility Guidlines (WCAG — рекомендации по доступности веб контента), разрабатываемый модуль призван быстро давать оценку двум элементов, непосредственно в программной среде, тем самым ускоряя процесс разработки и демонстрации их контраста и оценки по системе WCAG, для понимания доступности и комфортности разрабатываемого интерфейса
✅ Заключение
В ходе выполнение работы был разработан и протестирован программный модуль расширения для программы Figma и Sketch, который способен рассчитывать относительную яркость двух выбранных объектов и на основе этих значений определять уровень контраста, а так же давать ему оценку на основе рекомендаций Web Content Accessibility Guidlines (WCAG — рекомендации по доступности вебконтента). При этом данный модуль прост в использовании и позволяет проверить уровень контраста непосредственно в среде разработки, не отвлекаясь от процесса прототипирования. Что особенно актуально в случае работы с объектами которые имеют показатель непрозрачности менее 100% и для подгонки таких объектов до контраста оптимального уровня необходимо несколько итераций.
Данный модуль поможет разработчикам проектировать интерфейсы с правильной контрастностью отвечающей ГОСТ Р 52872-2019 «Интернет- ресурсы и другая информация, представленная в электронно-цифровой форме. Приложения для стационарных и мобильных устройств, иные пользовательские интерфейсы. Требования доступности для людей с инвалидностью и других лиц с ограничениями жизнедеятельности », что позволит сделать разрабатываемый ресурс доступным для людей с ограниченными возможностями.
На ряду с широкими функциональными возможностями, данный модуль расширения имеет простой и интуитивно понятный интерфейс, который позволяет быстро адаптироваться разработчику и получать результаты расчётов в удобном и наглядном формате.
Данный модуль поможет разработчикам проектировать интерфейсы с правильной контрастностью отвечающей ГОСТ Р 52872-2019 «Интернет- ресурсы и другая информация, представленная в электронно-цифровой форме. Приложения для стационарных и мобильных устройств, иные пользовательские интерфейсы. Требования доступности для людей с инвалидностью и других лиц с ограничениями жизнедеятельности », что позволит сделать разрабатываемый ресурс доступным для людей с ограниченными возможностями.
На ряду с широкими функциональными возможностями, данный модуль расширения имеет простой и интуитивно понятный интерфейс, который позволяет быстро адаптироваться разработчику и получать результаты расчётов в удобном и наглядном формате.
ИЛИ
Поиск аналога
📕 Список литературы
🛒 Оформить заказ
⚡ Работу высылаем в течении 5 минут после оплаты.