close

Вход

Забыли?

вход по аккаунту

?

Лабораторная работа Критерии оценки веб - сайтов

код для вставкиСкачать
Лабораторная работа
Критерии оценки web-сайтов
https://www.google.ru/url?sa=t&rct=j&q=&esrc=s&source=web&cd=4&ved=0CD4QFjAD&url=http%3A%2F%2Ftgspa.ru%2Finfo%2Feducation%2Ffaculties%2Ffmf%2Fodo%2F050100.68%2F5kurs%2Fdisciplina%2Fkrit.doc&ei=29svU5KJKIbJ4gTkn4GABA&usg=AFQjCNHvFOnZt38KkBow0k9RM8tyGh_1EQ&sig2=d5jREJ8uvzPMo8Nr1pmEmA&bvm=bv.62922401,d.bGQ&cad- ресурс источника
Задание. Используя критерии оценки web-сайтов, предлагаемые разными авторами, протестировать предлагаемые преподавателем web-сайты. На основе результатов исследования выбрать наилучшие web-сайты. Проанализировать критерии оценки web-сайтов.
Указания к выполнению лабораторной работы. При выполнении задания целесообразно разбить учащихся на микрогруппы из 2-3 человек. В конце занятия каждая микрогруппа сдает в письменном виде отчет и устно защищает результаты проделанной работы. КРИТЕРИИ ОЦЕНКИ САЙТА ПО СИДОРОВУ И. (РОБОТЛАНДСКИЙ УНИВЕРСИТЕТ)
Сайт оценивается по формуле: B = 2•(B1 + B2) + B3 + B4 + B5
Bi - оценки (от 0 до 5 баллов) по следующим категориям: * B1 - дизайн; * B2 - HTML-программирование; * B3 - содержание; * B4 - грамматика; * B5 - привлекательность. Оценка B5 за привлекательность выставляется так: * 5 - сайт производит отличное впечатление; * 4 - хороший сайт; * 3 - средний сайт; * 2 - слабый сайт; * 1 - очень слабый сайт. Оценки B1-B4. За каждую обнаруженную погрешность проверяющий вычитает из максимального балла (5) число, рекомендованное в списке погрешностей. Отрицательные итоговые оценки "округляются" до нуля. Список погрешностей
Дизайн (B1)
№ПогрешностьОценка1. Фон, заданный картинкой, на котором текст не читается. 0,52. Цветовая палитра, утомляющая глаза. 0,53. Отсутствие выравнивания. 0,54. Движущиеся и мерцающие надписи. 0,55. Агрессивная GIF-анимация. 0,56. Звук и видео на страницах. 0,57. Сайт работает только в одном браузере. 0,58. Страницы не имеют геометрического "каркаса" (элементы распадаются на отдельные части, не образуя единого целого). 0,59. Отсутствие единого стиля оформления страниц. 0,110. Отсутствие заголовка сайта. 0,111. Фон, заданный картинкой, на котором "плитки" плохо стыкуются. 0,112. Слишком большое число цветов. 0,113. Обилие декоративных элементов, не несущих функциональной нагрузки. 0,114. Иллюстрации не вписываются в страницу, смотрятся как "заплаты". 0,115. Отсутствие навигационных элементов или неудобная навигация. 0,116. Выделение стилем типичным для ссылок. 0,117. Многочисленные выделения одного и того же информационного элемента. 0,118. Слишком большие массивы выделений 0,119. Отсутствие антиалиасинга или антиалиасинг, не соответствующий фону страницы. 0,120. Отсутствие Alt-надписей в информационных иллюстрациях. 0,121. Разрушение единого информационного элемента при изменении размера окна браузера (например, заголовка, навигационной панели, группы управляющих кнопок). 0,122. Постоянные элементы страниц (заголовки, меню, логотип, ...) плохо "держат" свое место на экране при переходах со страницы на страницу. 0,123. Горизонтальная протяжка в окне шириной 640. 0,124. Более двух разных шрифтов (гарнитур). 0,125. Прижатость элементов друг к другу. 0,126. Хвостатые ссылки. 0,127. Логотип не является ссылкой на Главную на вторых страницах. 0,128. Очень большие абзацы. 0,129. Работает ссылка на текущую страницу. 0,130. На страницах отсутствует информация об авторах с электронным почтовым адресом. 0,131. Электронные почтовые адреса, внешние ссылки не прописаны на страницах в явном виде. 0,132. Название окна не совпадает с заголовком страницы.0,1Итого
HTML-программирование (B2)
№ПогрешностьОценка1. Отсутствие лесенки на теговом каркасе. 0,52. Нарушение правил читаемости (должно быть: название тегов - заглавными буквами, названия атрибутов и их значений - малыми). 0,53. Строки длиннее 80 символов. 0,54. Нарушение вложенности тегов, отсутствие обязательных закрывающих тегов, неверные названия тегов, атрибутов и их значений. 0,55. Лишние теги, фрагменты, которые можно исключить из программы без изменения внешнего вида документа и функционирования приложения. 0,56. Отсутствие тега TITLE. 0,57. Отсутствие одного из атрибутов bgcolor, text, link, alink, vlink в теге BODY. 0,58. Не указаны атрибуты width и height в теге IMG. 0,59. Не оптимизированная графика, неверные значения атрибутов width, height. 0,510. Суммарный "вес" страницы превышает 40 килобайт. 0,511. Отсутствие указаний alt="" во вспомогательной графике. 0,512. Теги Hn используются для выделений фрагментов обычного текста. 0,513. Программирование шрифта при помощи атрибута face тега FONT. 0,514. Неверный регистр в именах каталогов и файлов. 0,515. Использование JavaSctript и CSS-технологий. 0,5Итого
Содержание (B3)
Работа полностью забраковывается, если содержит: * ненормативную лексику; * высказывания, призывающие к насилию; * высказывания, оскорбляющие честь и достоинство (страны, организации, человека). №ПогрешностьОценка1. Неудачная структура сайта 0,52. Неудачный подбор материала 0,53. Авторский материал без ссылок на автора. 0,54. Содержание не соответствует теме сайта. 0,15. Слишком длинные ссылки, многословные невыразительные разделы меню. 0,16. Отсутствует раздел "ссылки". 0,17. Погрешности стиля. 0,1Итого
Грамматика (B4)
№ПогрешностьОценка1. Точки в коротких заголовках (а длинных заголовков быть не должно). 1,02. Неверное употребление пробелов со знаками препинания. 1,03. Дефис вместо тире, дюймы вместо кавычек, буква N вместо знака номера. 1,04. Другие грамматические ошибки 0,1-1,0Итого
КРИТЕРИИ ОЦЕНКИ САЙТА ПО ДАВЫДОВОЙ Е.А. (журнал "Информатика и образование" - №2006 - №11) Критерии оценокМаксимальное кол-во баллов1. Содержание70Сайт соответствует заявленной теме20Замысел оригинален30В тексте отсутствуют орфографические и грамматические ошибки10Сайт состоит не менее чем из десяти различных страниц102. Дизайн50Согласованность интерфейса (однотипность элементов на всех страницах: цвет, кнопки и др.)20Графика, анимация дополняют текстовое наполнение15Качество графических файлов153. Навигация50С главной страницы понятна основная структура сайта10Удобство навигации по всем страницам10Организация страниц однотипна от страницы к странице10Есть карта сайта10С каждой страницы предусмотрен переход на главную страницу104. Дополнительные30Возможность корректного просмотра всей информации в разных браузерах5Быстрота загрузки даже по низкоскоростным линиям (объем файлов и используемых программных технологий)10Корректная работа при разном разрешении экрана5Аккуратное отношение к рекламе5Соблюдение чужих авторских прав (указание источника и автора)5
НАСКОЛЬКО ЭФФЕКТИВНЫ РАЗМЕТКА И ОФОРМЛЕНИЕ, ПРИМЕНЯЕМЫЕ НА САЙТЕ
1) Опишите используемое на сайте оформление.
Колоритное, высоко-контрастное, отчасти чрезмерно пестрое 2) Вам нравится оформление? □ Да □ Нет
3) Почему да или почему нет? Оно соответствует моему полному отсутствию хорошего вкуса
4) Визуальные элементы являются чисто декоративными или они добавляют сайту функциональности или информативности?
□ Исключительно декоративные □ Улучшают функциональность
5) Опишите разметку домашней страницы.
Относительно цельная, хорошее сочетание цветов 6) Опишите разметку типичной подчиненной страницы.
Приемлемая по размерам область текста приблизительно правее центра страницы, графические объекты вверху страницы для навигации плюс вспомогательная графическая навигация в левой части страницы
7) Опишите разметку содержательной страницы. Очень похожа на описанную выше
8) Какой контраст у страницы: 1 (плохой) - 5 (прекрасный)?
□ 1
□ 2
□ 3
□ 4
□ 5
Если плохой, опишите почему?
9) Опишите размер текста. □ Слишком маленький
□ Как раз то, что надо □ Слишком большой
10) Измените в браузере размер шрифта на больший или меньший. Разметка все еще работает?
□ Да
□ Нет
11) Сделайте размеры окна браузера очень большими или очень маленькими. Разметка все еще работает?
□ Да □ Нет
12) Разметка статична (все время сохраняется один размер) или растет вместе с размерами экрана?
□ Статическая
□ Масштабируемая
13) Если сайт имеет фиксированную ширину, страница вписывается в размеры экрана или ее приходится прокручивать вправо при разрешении:
640x480?
□ Вписывается
□ Прокручивается вправо 800x600?
□ Вписывается
□ Прокручивается вправо
1024x768 и выше?
□ Вписывается
□ Прокручивается вправо
14) В соответствии с вертикальным размером экрана основная навигация умещается на экране при разрешении:
640x480?
□ Умещается
□ Выходит за экран
800x600?
□ Умещается
□ Выходит за экран
1024x768 и выше?
□ Умещается
□ Выходит за экран
15) Страницы печатаются правильно?
□ Да
□ Нет 16) Какой тип изображений используется на сайте?
□ GIF
□ JPEG
□ PNG
□ Другой
17) Изображения в основном используются корректно? (Например, GIF - для иллюстраций, JPEG - для фотографий.) □ Да
□ Нет
18) Изображения оптимизированы правильно? (Например, файлы небольшого размера, безопасные цвета.) □ Да □ Нет
19) Присутствуют проблемы отображения изображений? (Например, несовпадение цветов, видимые стыки в мозаике фонового изображения и т. п.)
□ Да
□ Нет
Если да, то опишите.
20) Для изображений используется ALT - текст?
□ Да
□ Нет
□ Частично 21) Сайт может использоваться без изображений?
□ Да
□ Нет
□ Частично
МНОГО ЛИ НА САЙТЕ СОДЕРЖИМОГО И НАСКОЛЬКО ЭТО ЭФФЕКТИВНО
1) Приблизительное количество содержательных страниц на сайте.
2) Процент содержательных страниц на сайте.
хх% (содержательные страницы/всего страниц)* 100
Качество содержания можно оценить так. 3) Достаточно подробностей для ответа на простой вопрос? □ Да
□ Нет
4) Содержимое достаточно подробно для ответа на сложный вопрос?
□ Да
□ Нет
5) Содержимое точно и правдиво?
□ Да
□ Нет
6) Если нет, опишите, что вызвало такое мнение. Это сайт выдуманной компании
7) Присутствуют на сайте явные ошибки орфографии?
□ Да
□ Нет
8) Присутствуют на сайте вопиющие орфографические ошибки, такие как ошибки в заголовках и надписях на кнопках?
□ Да
□ Нет
9) Присутствуют на сайте явные грамматические ошибки или ошибки неправильного использования выражений?
□ Да
□ Нет 10) Если да, опишите эти ошибки (например, незаконченные фразы, частое использование акронимов без пояснений).
Нет данных 11) Опишите тон изложения содержимого сайта.
Тон шутливый и юмористичный 12) Тон соответствует излагаемому материалу? □ Да □ Нет
13) Если нет, опишите, почему?
14) Содержимое сайта обновлено?
□ Да □ Нет
15) Обновления необходимы?
□ Да
□ Нет
На следующие вопросы необходимо ответить только в том случае, если содержимое сайта часто обновляется.
16) Если содержимое требует обновлений, оно "свежее"? □ Да
□ Нет
□ Частично
17) В среднем, насколько часто обновляемым выглядит содержимое?
□ Ежедневно
□ Каждую неделю
□ Каждый месяц
□ Каждый год
□ Другое
18) Как было определено, когда обновлялось содержимое (товарный знак, дата последнего обновления и т. д.)?
Оценка эффективности основной навигации сайта
1) Расположение элементов навигации.
( Вверху
Внизу
( Слева
Справа
2) Постоянство расположения навигации: 1(случайное) - 5 (очень стабильное)
1
2
3
( 4
5
3) Комментарии относительно расположения навигации.
Основная навигация расположена слева, на web-страницах, содержащих теорию, навигация размещена вверху страницы.
4) Используется иерархия навигации?
( Да
Нет
5) Среднее количество навигационных элементов на страницу.
2
6) Среднее количество элементов в навигационной группе.
5
7) Обеспечиваются ли альтернативные формы навигации?
( Да
Нет
Описание.
Текстовые ссылки внутри страницы
8) Навигация сайта полагается на кнопку Назад (Back)?
( Да
Нет
9) Ясность обозначений навигационных элементов: 1 (непонятны) - 5 (очень доходчивы).
1
2
3
4
( 5
10) Для обозначений используются контекстные примечания?
( Да
Нет
11) Каким образом организованы навигационные обозначения?
Алфавитный порядок
( Степень важности
Произвольно
Другое 12) Какая форма выделения навигационных элементов используется?
Тип шрифта
Размер шрифта
( Цвет
( Расположение
( Выглядит нажимаемым
Подчеркивание
Ролловеры
Звук
Другое 13) Является выделение пригодным?
( Да
Нет
14) Цвета ссылок отличны от синего, красного, фиолетового?
Да
( Нет
15) Используются фреймы?
Да
( Нет
16) Присутствует ли вспомогательная информация о нарушенных ссылках (ошибка 404)?
Да ( Нет
12
Автор
school.102014
Документ
Категория
Без категории
Просмотров
425
Размер файла
176 Кб
Теги
оценки, сайтов, работа, веб, критерии, лабораторная
1/--страниц
Пожаловаться на содержимое документа