Скачать 1.37 Mb.
|
2. Методические указания Юзерскрипт — это текстовый файл с расширением user.js. В начале файла располагается блок метаданных — описание самого скрипта. После блока метаданных следует javascript-код, который и будет исполняться браузером. Рассмотрим тестовый скрипт, который показывает alert с текстом на определенной странице. код // ==UserScript== // @name myUserJS // @description Мой самый первый юзерскрипт // @author Vasya Pupkin // @license MIT // @version 1.0 // @include http://userscripts.org/* // ==/UserScript== // [1] Оборачиваем скрипт в замыкание, для кроссбраузерности (opera, ie) (function (window, undefined) { // [2] нормализуем window var w; if (typeof unsafeWindow != undefined) { w = unsafeWindow } else { w = window; } // В юзерскрипты можно вставлять практически любые javascript-библиотеки. // Код библиотеки копируется прямо в юзерскрипт. // При подключении библиотеки нужно передать w в качестве параметра окна window // Пример: подключение jquery.min.js // (function(a,b){function ci(a) ... a.jQuery=a.$=d})(w); // [3] не запускаем скрипт во фреймах // без этого условия скрипт будет запускаться несколько раз на странице с фреймами if (w.self != w.top) { return; } // [4] дополнительная проверка наряду с @include if (/http:\/\/userscripts.org/.test(w.location.href)) { //Ниже идёт непосредственно код скрипта alert("Userscripts приветствует вас навязчивым окном."); } })(window); код В самом начале располагается блок метаданных (в виде комментария). код // ==UserScript== // ... // ==/UserScript== код Этот блок состоит из директив описания юзерскрипта. Ниже в таблице представлены основные директивы и их назначение. При отсутствии директив @ include или @ match, юзерскрипты будут запускаться на всех страницах. Вы можете скопировать код юзерскрипта в файл, назвать его my.user.js, и закинуть полученный файл в браузер (используйте Chrome или Firefox с установленным GreaseMonkey). Рецепт для написания ~70% скриптов: 1. Придумываем, что будет делать наш юзерскрипт (перекрашивать ссылки, например) 2. Берём шаблон из теоретической части 3. Сохраняем в файл my.user.js 4. Удаляем строку с alert(...). 5. Идём на форум (userscripts.org или любой форум по javascript). 6. Изменяем метаданные и проверку url страницы на нужные нам. 7. Вставляем полученный код в юзерскрипт. 8. Сохраняем файл. ... Готово! 3. Задания для самостоятельного выполнения 1. Написать юзерскрипт, окрашивающий ссылки в зоне .ru в синий цвет 2. Написать юзерскрипт, выводящий сообщение «Google следит за вами!!!» при входе браузера на сервисы Google 4. Контрольные вопросы 1. Что такое JavaScript? 2. Что такое userscript? 3. Что такое alert? 4. Как называется встроенный обработчик скриптов? 5. В файлах с каким расширением хранятся userscript-ы? Практическое занятие№5 Проверка правильности отображения сайта в различных браузерах Цель работы: изучить поведение различных WEB страниц в различных браузерах. Провести Acid-тесты для всех установленных в системе браузеров. С целью овладения указанным видом деятельности студент в ходе данного вида практи-ки должен: иметь практический опыт: – инсталляции, настройки и сопровождения одной из информационных систем; – выполнения регламентов по обновлению, техническому сопровождению и вос-становлению данных информационной системы; – сохранения и восстановления базы данных информационной системы; – организации доступа пользователей к информационной системе в рамках компе-тенции конкретного пользователя; – обеспечения сбора данных для анализа использования и функционирования ин-формационной системы и участия в разработке проектной и отчетной документации; – определения состава оборудования и программных средств разработки информа-ционной системы; – использования инструментальных средств программирования информационной системы; – участия в экспериментальном тестировании информационной системы на этапе опытной эксплуатации и нахождения ошибок кодирования в разрабатываемых модулях ин-формационной системы; – разработки фрагментов документации по эксплуатации информационной систе-мы; – участия в оценке качества и экономической эффективности информационной системы; – модификации отдельных модулей информационной системы; – взаимодействия со специалистами смежного профиля при разработке методов, средств и технологий применения объектов профессиональной деятельности; - использования инструментальных средств обработки информации; - участия в разработке технического задания; - формирования отчетной документации по результатам работ; - использования стандартов при оформлении программной документации; - программирования в соответствии с требованиями технического задания; - использования критериев оценки качества и надежности функционирования информа-ционной системы; - применения методики тестирования разрабатываемых приложений; - управления процессом разработки приложений с использованием инструментальных средств; Результатом освоения учебной практики является сформированность у обучающихся первоначальных практических профессиональных умений в рамках модулей ОПОП СПО по основным видам профессиональной деятельности (ВПД):: ПК 3.1 – ПК 3.4, ОК 1 – ОК 9. 1. Теоретическая часть Acid3 — тест на поддержку браузером веб-стандартов. Он осуществляет проверку 100 вероятно уязвимых мест в HTTP, HTML, CSS, ECMAScript, SVG и XML, а также проверяет работу с DOM. Намеренно выбирались такие тесты, которые не проходила сборка хотя бы одного из браузеров того времени (последние 16 тестов — Firefox или Safari). 29 января 2008 года Ян Хиксон, разработчик Acid2 и Acid3, а ныне работник Google, сообщил о предварительном релизе Acid3 — пока сам тест проходил проверку на соответствие спецификациям, каждый желающий мог проверить свои браузеры. 3 марта 2008 разработка теста была закончена, и появились наброски для Acid4. Основная часть теста написана на JavaScript и содержит 100 подтестов в шести группах плюс несколько специальных тестов (0, 97, 98, 99) Группа 1: DOM Traversal, DOM Range, HTTP Группа 2: DOM2 Core и DOM2 Events Группа 3: DOM2 Views, DOM2 Style, CSS 3 селекторыи Media Queries Группа 4: Поведение HTML таблиц и форм при управлении из скрипта и DOM2 HTML Группа 5: Тесты из соревнования Acid3 Группа 6: ECMAScript Основной критерий проверки — запуск тестов с настройками браузера по умолчанию. Конечный результат должен получить сто из ста баллов и соответствовать пиксел в пиксел стандартному исполнению. На браузерах для персональных компьютеров анимация должна быть гладкой (каждый тест должен проходиться быстрее чем за 33 мс, что является примерным эквивалентом по производительности топовому ноутбуку Apple), однако малая производительность на слабом компьютере не является критерием непрохождения теста. Также для полного прохождения необходимо, чтобы браузер отображал правильную иконку и заголовок страницы. При этом сервер возвращает ошибку 404 при попытке загрузить её, а изображение иконки содержится в теле страницы. Этот тест служит проверкой на правильность реакции браузера на ошибки сервера. Отображение стандартной иконки является ошибкой. Во время выполнения теста на страницу добавляются цветные квадраты; цвет квадратов зависит от числа выполненных подтестов в группе. Если в группе все тесты провалены — квадрат не отображается. Если несколько тестов провалено, цвета будут такими: 1-5 подтестов пройдены: чёрный квадрат. 6-10 подтестов пройдены: серый квадрат. 11-15 подтестов пройдены: серебристый квадрат. Все 16 подтестов пройдены: цветной (красный, оранжевый, жёлтый, зелёный, синий, фиолетовый — для каждой из групп свой цвет). После прохождения теста буква «А» в слове Acid3 становится кликабельной, при этом при простом нажатии выводится всплывающее окно с перечнем непройденных тестов, или же данная информация выводится в новом окне при щелчке с нажатой кнопкой Shift. Тест использует картинки, закодированные Base64, некоторые сложные селекторы, цветовые значения CSS 3 (HSLA, при этом ненастоящие селекторы и значения должны игнорироваться). 2. Методические указания Для выполнения практической части произведём тестирование WEB страницы Acid во всех браузерах, установленных в системе, результаты занесём в таблицу: Таблица 3 – Результаты Acid Теста
3. Задания для самостоятельного выполнения 1. Протестировать все установленные в систему браузеры 2. Субъективно сравнить вид популярных интернет-порталов в различных браузерах 4. Контрольные вопросы 1. Что такое браузер? 2. Что такое тест Acid? 3. Почему одинаковые странички выглядят в разных браузерах по-разному? 4. Что показывают цветные квадратики в тесте Acid? 5. Почему время прорисовки страницы должно быть меньше 33 мс? 6. Перечислите известные вам браузеры? ЛАБОРАТОРНЫЙ ПРАКТИКУМ Практическое занятие№6 Служебные утилиты для работы в Интернет. Изучение протокола HTTP Цель работы: изучение структуры IP-адреса; ознакомление с наиболее популярными утилитами для диагностики сетевой конфигурации и сетевых соединений; ознакомление с основами протокола HTTP. С целью овладения указанным видом деятельности студент в ходе данного вида практи-ки должен: иметь практический опыт: – инсталляции, настройки и сопровождения одной из информационных систем; – выполнения регламентов по обновлению, техническому сопровождению и вос-становлению данных информационной системы; – сохранения и восстановления базы данных информационной системы; – организации доступа пользователей к информационной системе в рамках компе-тенции конкретного пользователя; – обеспечения сбора данных для анализа использования и функционирования ин-формационной системы и участия в разработке проектной и отчетной документации; – определения состава оборудования и программных средств разработки информа-ционной системы; – использования инструментальных средств программирования информационной системы; – участия в экспериментальном тестировании информационной системы на этапе опытной эксплуатации и нахождения ошибок кодирования в разрабатываемых модулях ин-формационной системы; – разработки фрагментов документации по эксплуатации информационной систе-мы; – участия в оценке качества и экономической эффективности информационной системы; – модификации отдельных модулей информационной системы; – взаимодействия со специалистами смежного профиля при разработке методов, средств и технологий применения объектов профессиональной деятельности; - использования инструментальных средств обработки информации; - участия в разработке технического задания; - формирования отчетной документации по результатам работ; - использования стандартов при оформлении программной документации; - программирования в соответствии с требованиями технического задания; - использования критериев оценки качества и надежности функционирования информа-ционной системы; - применения методики тестирования разрабатываемых приложений; - управления процессом разработки приложений с использованием инструментальных средств; Результатом освоения учебной практики является сформированность у обучающихся первоначальных практических профессиональных умений в рамках модулей ОПОП СПО по основным видам профессиональной деятельности (ВПД):: ПК 3.1 – ПК 3.4, ОК 1 – ОК 9. 1. Теоретическая часть IP-адрес состоит из двух частей: номера сети и номера узла в сети. Самой распространенной является запись IP-адреса в виде четырех чисел, разделенных точками, каждое из которых представляет значение байта в десятичной форме, например: 213.180.204.11. Запись адреса не предусматривает специального разграничительного знака между номером сети и номером узла. Для разделения этих частей обычно используется 2 подхода:
Вводится пять классов адресов: A,B,C,D,E. A,B,C – используются для адресации сетей, D и E – имеют специальное назначение. Признаком, на основании которого IP-адрес относят к тому или иному классу, являются значения нескольких первых битов адреса. Таблица 4 – Распределение адресов в IP сетях. В рамках IP протокола существуют ограничения при назначении IP-адресов, а именно
Стандартным классам сетей можно поставить в соответствие следующие значения маски:
Рассмотрим следующий пример:
|
Российской Федерации Старооскольский технологический институт им. А. А. Угарова ПМ. 03. Выполнение работ по профессии «оператор электронно-вычислительных и вычислительных машин» |
Российской Федерации Старооскольский технологический институт им. А. А. Угарова ПМ. 03. Выполнение работ по профессии «оператор электронно-вычислительных и вычислительных машин» |
||
Материально-техническое обеспечение кабинета №6 по профессии «Оператор... Материально-техническое обеспечение кабинета №6 по профессии «Оператор электронно-вычислительных и вычислительных машин» |
1. Качество материалов и его оценка. Механические свойства материалов... Учебные планы и программы для подготовки и повышения квалификации рабочих на производстве по профессии «Оператор электронно-вычислительных... |
||
Методические указания составлены в соответствии с рабочей программой... Методические указания предназначены для самостоятельного изучения студентами дисциплины и их подготовки к зачётам |
Методические указания составлены в соответствии с рабочей программой... Методические указания и контрольные задания для студентов-заочников Салаватского индустриального колледжа |
||
Методические рекомендации составлены в соответствии с рабочей программой... Методические рекомендации составлены в соответствии с рабочей программой профессионального модуля «Эксплуатация объектов сетевой... |
Методические указания к лабораторным занятиям по дисциплине оп. 06 «Электрорадиоизмерения» Методические указания составлены в соответствии с учебным планом и рабочей программой оп. 05 «Электрорадиоизмерения» по специальности... |
||
Методические указания к выполнению лабораторных работ по дисциплине... Настоящие методические указания составлены в соответствии с рабочей программой дисциплины «Практическое (производственное) обучение»... |
Методические рекомендации составлены в соответствии с рабочей программой... Методические рекомендации составлены в соответствии с рабочей программой профессионального модуля «Соадминистрирование и автоматизация... |
||
Перевод чисел из одной системы счисления в другую 4 Методические указания составлены в соответствии с рабочей программой по дисциплине (мдк, пм) |
Методические указания по выполнению внеаудиторной самостоятельной... Методические рекомендации составлены в соответствии с рабочей программой по дисциплине |
||
Методические указания составлены согласно требованиям фгос в соответствии... |
Инструкция по охране труда № Пользователей персональных электронно-вычислительных машин (пэвм) и видеодисплейных терминалов (вдт) |
||
Рабочая программа и методические указания по преддипломной практике... Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования |
Методические указания составлены согласно требованиям фгос в соответствии... Профессиональный модуль пм. 03. Выполнение работ по одной или нескольким профессиям рабочих, должностям служащих: Слесарь по ремонту... |
Поиск |