Сравнительный анализ подходов к разработке адаптивного веб-дизайна методом Саати
Сравнительный анализ подходов к разработке адаптивного веб-дизайна для выбора самого эффективного при создании системы просмотра расписания высшего учебного заведения. Критерии и степень важности, по которым был рассчитан интегральный показатель качества.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | статья |
| Язык | русский |
| Дата добавления | 20.07.2018 |
| Размер файла | 424,8 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Волжский политехнический институт (филиал)
Волгоградский государственный технический университет
Сравнительный анализ подходов к разработке адаптивного веб-дизайна методом Саати
Давыдов Александр Сергеевич, студент
Аннотация
В статье проведен сравнительный анализ подходов к разработке адаптивного веб-дизайна для выбора наиболее эффективного при создании системы просмотра расписания ВУЗа. Были выбраны критерии и степень их важности, по которым был рассчитан интегральный показатель качества. Полученные результаты выделили несколько подходов которым следует уделить особое внимание.
Ключевые слова: адаптивный веб-дизайн, метод Саати
Основное содержание исследования
Увеличение количества различных устройств, используемых для выхода в Интернет, а так же их массовое использование заставляет задуматься об адаптации контента под эти устройства. Создание нескольких версий сайта, несомненно, является выходом из положения, однако это влечет дополнительные проблемы (например такие как поддержка сайта, обновление, добавление информации, разные url) [4].
Адаптивный дизайн является более перспективным направлением. Он призван обеспечить не только корректное отображение контента на различных экранах, но и так же корректную работу на устраревших устройствах [4,5].
В основу разработки адаптивного веб-дизайна могут лечь следующие подходы [4,5]:
· Изящная деградация (Graceful degradation)
· Прогрессивное улучшение (Progressive Enhancement)
· Сначала мобильные (Mobile first)
· Адаптивный сайт с серверными компонентами (RESS)
· Так же для сравнения будет рассмотрена разработка отдельной мобильной версии сайта
Проведем сравнительный анализ данных подходов с точки зрения их применения для решения задачи разработки адаптивного дизайна для веб-системы просмотра расписания ВУЗа.
В качестве критериев для сравнительного анализа были выбраны следующие:
1. A1 - Сохранение функциональности при использовании с различных устройств
2. A2 - Скорость загрузки страницы
3. A3 - Экономия трафика
4. A4 - Удобство сопровождения и внесения изменений
5. A5 - Сложность разработки
6. A6 - Использование всех возможностей устройства для более качественного отображения контента
Для определения весов критериев воспользуемся аналитической иерархической процедурой Саати [1,2]. Правила заполнения матрицы парных сравнений представлены в таблице 1.
Таблица 1. Значения коэффициентов матрицы парных сравнений
|
Xij |
Значение |
|
|
1 |
i-ый и j-ый критерий примерно равноценны |
|
|
3 |
i-ый критерий немного предпочтительнее j-го |
|
|
5 |
i-ый критерий предпочтительнее j-го |
|
|
7 |
i-ый критерий значительно предпочтительнее j-го |
|
|
9 |
i-ый критерий явно предпочтительнее j-го |
Матрица парных сравнений, средние геометрические и веса критериев представлены в таблице 2.
Таблица 2. Матрица парных сравнений, средние геометрические и веса критериев
|
А1 |
А2 |
А3 |
А4 |
А5 |
А6 |
Среднее геометрическое |
Веса критериев |
||
|
А1 |
1 |
3 |
5 |
5 |
5 |
9 |
3,87 |
0,45 |
|
|
А2 |
0,33 |
1 |
3 |
3 |
3 |
7 |
1,99 |
0,23 |
|
|
А3 |
0, 20 |
0,60 |
1 |
1 |
1 |
3 |
0,84 |
0,10 |
|
|
А4 |
0, 20 |
0,60 |
1 |
1 |
1 |
3 |
0,84 |
0,10 |
|
|
А5 |
0, 20 |
0,60 |
1 |
1 |
1 |
3 |
0,84 |
0,10 |
|
|
А6 |
0,11 |
0,30 |
0, 20 |
0,14 |
0,33 |
1 |
0,26 |
0,03 |
|
|
Сумма: |
2,18 |
6,50 |
Диаграмма весовых коэффициентов для критериев A1, A2, A3, A4, A5, А6 представлена на рисунке 1.
адаптивный веб дизайн саати метод
Рисунок 1. Диаграмма весовых коэффициентов критериев
Выполним проверку матрицы попарных сравнений на непротиворечивость [1,3].
Суммы столбцов матрицы парных сравнений: R1= 2.04; R2=6.1; R3=11.2; R4=11.14; R5=11.33; R6=26.
Путем суммирования произведений сумм столбцов матрицы на весовые коэффициенты альтернатив рассчитывается вспомогательная величина L = 6.38. Индексом согласованности ИС = (L-N) / (N-1) = 0.08.
Величина случайной согласованности для размерности матрицы парных сравнений: СлС = 1.24.
Отношение согласованности ОС=ИС/СлС = 0.06 не превышает 0.08, поэтому уточнение матрицы парных сравнений не требуется.
Таким образом, выделены основные критерии для сравнительного анализа подходов к разработке адаптивного веб-дизайна и получена количественная оценка их важности.
Используя полученные выше коэффициенты, определим интегральный показатель качества для определения степени соответствия представленных подходов задаче эффективной разработки адаптивного веб-дизайна:
· Изящная деградация (Graceful degradation)
· Прогрессивное улучшение (Progressive Enhancement)
· Сначала мобильные (Mobile first)
· Адаптивный сайт с серверными компонентами (RESS)
· Разработка отдельной версии сайта (для сравнения)
Выберем категориальную шкалу от 0 до 9 (где 0 - функциональность не поддерживается вообще, 9 - максимальный уровень предоставляемой функциональности) для функциональных возможностей подходов.
A1 - Сохранение функциональности: a1 = 0.45;
A2 - Скорость загрузки страницы: a2 = 0.23;
A3 - Экономия трафика: a3 = 0.1;
A4 - Удобство сопровождения и внесения изменений: a4 = 0.1;
A5 - Простота разработки: a5 = 0.1;
A6 - Использование возможностей устройства: a6 = 0.03,где \sum a_{i}=1.
Определим (по введенной шкале) количественные значения функциональных возможностей Xij (таблица 5). Вычислим интегральный показатель качества для каждого подхода [1,3].
Таблица 3. Интегральные показатели качества
|
Критерии |
Веса |
GD |
PE |
MF |
RESS |
Мверсия |
Базовые значения |
|
|
Сохранение функциональности |
0,447 |
6 |
8 |
9 |
8 |
8 |
7,8 |
|
|
Скорость загрузки страницы |
0,230 |
5 |
6 |
7 |
9 |
7 |
6,8 |
|
|
Экономия трафика |
0,097 |
1 |
5 |
8 |
9 |
9 |
6,4 |
|
|
Удобство сопровождения и изменения |
0,097 |
3 |
8 |
7 |
9 |
1 |
5,6 |
|
|
Простота разработки |
0,097 |
7 |
3 |
5 |
2 |
6 |
4,6 |
|
|
Использование возможностей устройства |
0,030 |
2 |
6 |
8 |
7 |
8 |
6,2 |
|
|
Интегральный пок-ль Q: |
1,000 |
4,97 |
6,70 |
7,83 |
7,81 |
6,99 |
6,86 |
где интегральный показатель качества для j-го подхода.
Построим лепестковую диаграмму интегрального показателя качества каждого подхода (рисунок 2).
Лепестковая диаграмма значений критериев представлена на рисунке 3.
Рисунок 2. Лепестковая диаграмма интегральных показателей качества
Рисунок 3. Лепестковая диаграмма значений характеристик качества
Сравнительный анализ подходов к разработке показал, что интегральные показатели качества трех подходов (RESS и MF и отдельная версия) из пяти представленных превышают базовое значение. Наибольшее значение интегрального показателя качества наблюдается у Mobile First подхода, на который наиболее применим в данных условиях для разработки системы просмотра расписания ВУЗа. Разработка отдельной (мобильной) версии является альтернативой, хотя имеет собственные недостатки, не присущие остальным подходам (например разные URL для мобильной и полной версии сайта).
Список литературы
1. Рыбанов А.А. Анализ базовых возможностей программных продуктов для исследования метрических характеристик баз данных // NovaInfo.ru. 2015. Т.2. № 33.С. 20-28.
2. Рыбанов А.А. Определение весовых коэффициентов сложности тем учебного курса на основе алгоритма Саати // Педагогические измерения. 2014. № 4. С.21-28.
3. Морозов А.О., Рыбанов А.А. Экспертная оценка программных продуктов для расчета метрических характеристик физической схемы базы данных // Современные научные исследования и инновации. 2015. № 1-1 (45). С.97-102.
4. Маркотт И. Отзывчивый веб-дизайн // МИФ-М. 2012 с.274
5. Кедлек Т. Адаптивный дизайн // Питер-СПб. 2013 с.288
Размещено на Allbest.ru
...Подобные документы
Классификация современных web-технологий. Сравнительный анализ систем управления сайтами. Исследование методов разработки, оптимизации и продвижения Web-сайта. Изучение фреймворков, используемых при разработке сайтов. Обзор создания графического дизайна.
дипломная работа [3,8 M], добавлен 07.11.2013- Разработка и исследование метода сетевого оператора для адаптивного управления динамическим объектом
Понятие адаптивного управления как совокупности действий и методов, характеризующихся способностью управляющей системы реагировать на изменения внешней среды. Применение метода сетевого оператора для синтеза адаптивного управления мобильным роботом.
дипломная работа [1,4 M], добавлен 17.09.2013 Анализ дизайна сайта с точки зрения его привлекательности для пользователей и на предмет удобства. Факторы, влияющие на восприятие пользователем информации. Основные критерии оценки туристических web-ресурсов. Сравнение сайтов Trаvel.ru и "100 дорог".
реферат [18,6 K], добавлен 19.06.2011Основы моделирования и разработки Web-сайтов. Обзор и сравнительный анализ языков программирования. Фреймворки, используемые при создании сайта. Разработка графического дизайна, моделирование и создание Web-сайта, руководство по администрированию.
курсовая работа [1,7 M], добавлен 07.11.2013Анализ существующих стандартов образовательных сред в системах адаптивного компьютерного обучения. Краткая характеристика и оценка состояния рассматриваемой проблемы. Стандарты и спецификации ЭО. Обоснование выбранного метода направления исследования.
научная работа [8,3 K], добавлен 29.01.2009Проектирование программного обеспечения для классифицирования выпускников высшего учебного заведения. Выбор системы управления базами данных и языка программирования. Разработка структуры данных, схема базы данных. Реализация программного комплекса.
дипломная работа [2,4 M], добавлен 27.03.2013Разработка подсистемы формирования комплексной оценки в системе мониторинга наукометрических показателей работников высшего учебного заведения. Виды и методы шкалирования. Исследование существующих математических моделей построения комплексных оценок.
дипломная работа [3,3 M], добавлен 10.11.2012UML как язык моделирования, используемый архитектором при разработке дизайна системы для создания описания основных, важных аспектов программного обеспечения. Диаграмма прецедентов (UseCase), классов, видов деятельности, компонентов, последовательностей.
отчет по практике [633,1 K], добавлен 22.07.2012Этапы развития веб-дизайна. Виды и типы веб-сайтов, теоретические аспекты их создания. Структура веб-сайта и его страниц. Процесс и результат разработки веб-дизайна. Создание сайта факультета архитектуры и дизайна Кубанского государственного университета.
дипломная работа [4,6 M], добавлен 10.11.2015Анализ информационных связей, выявление наиболее существенных недостатков и резервов в области экономики и управления предприятием. Обоснование проектных подходов к разработке автоматизированных информационных систем для решения управленческих проблем.
курсовая работа [64,4 K], добавлен 13.05.2013Анализ основных средств для создания Web-сайтов. Обзор и сравнительный анализ СУБД, применяемых в Web-программировании. Анализ методов продвижения Web-сайтов. Проектирование Web-сайта в области коммунального хозяйства. Разработка графического дизайна.
курсовая работа [3,0 M], добавлен 07.11.2013Использование трехмерного моделирования при проектировании и разработке дизайна интерьера. Повторение геометрической формы объекта в трехмерной графике, имитация материала наложением текстур. Имитация естественного освещения при моделировании комнаты.
курсовая работа [4,3 M], добавлен 03.06.2014Обзор и анализ используемых технологий, содержания и дизайна сайтов ВУЗов, в том числе созданных на основе CMS. Исследование содержания сайта ПРИПИТ и информационных потребностей различных групп его потенциальных посетителей. Разработка дизайна сайта.
дипломная работа [129,4 K], добавлен 11.03.2010Общие сведения о графических редакторах, понятия компьютерной растровой и векторной графики, форматов. Обзор и сравнительный анализ современных программ обработки и просмотра графических изображений: Paint, Corel Draw, Adobe Photoshop, MS PowerPoint.
дипломная работа [283,9 K], добавлен 09.08.2010Обоснование необходимости разработки программного комплекса. Обзор методов восстановления трёхмерных сцен. Общая структура алгоритма восстановления 3D сцен и сравнительный анализ его методов. Сравнительный анализ приближений и оценка его результатов.
дипломная работа [2,6 M], добавлен 10.01.2013Развитие информационно-коммуникационных технологий в образовании. Характеристика и сравнительный анализ программных средств дистанционного обучения, используемых в on-line и off-line режимах; его критерии; эффективность автоматизированных систем.
курсовая работа [208,9 K], добавлен 04.03.2013История развития компьютерных технологий в образовании, особенности применения и значение современных ЭВМ. Сравнительный анализ подходов в преподавании программ пакета MS Office. Разработка заданий для MS Word, MS Excel, MS Access и MS PowerPoint.
дипломная работа [2,0 M], добавлен 13.07.2010Исследование деятельности фирмы, связанной с созданием и обслуживанием Internet-проектов. Выполнение задания по разработке дизайна, созданию и поддержке web-сайта. Создание и регистрация работоспособного представительства организации фирмы в Интернете.
отчет по практике [17,2 K], добавлен 21.12.2009Принципы информатизации высших учебных заведений и образовательные информационные технологии. Язык разметки гипертекстовой информации. Php и javaScript при разработке сайта учебного заведения. Создание меню для навигации по сайту и счётчика посещений.
дипломная работа [464,8 K], добавлен 03.09.2012Анализ текущей организации процесса развития системы в компании. Разработка платформы для бонусной программы кэшбэка реселлерам. Метод анализа иерархий Саати. Автоматизация передачи потенциальных клиентов сегмента VSB реселлерам без участия менеджера.
дипломная работа [1,1 M], добавлен 30.11.2016
