Комплект оценочных средств для проведения промежуточной аттестации по программе учебной дисциплины

БУ «НИЖНЕВАРТОВСКИЙ ПОЛИТЕХНИЧЕСКИЙ КОЛЛЕДЖ»
Утверждаю
Заместитель директора по УР
___________ В.В. Геталова« » ____________ 20___г
Комплект оценочных средств
для проведения промежуточной аттестации
по программе учебной дисциплины
МДК 06.03 Web-программирование
программы подготовки квалифицированных рабочих, служащих в соответствии с ФГОС СПО по профессиям
230115 Программирование в компьютерных системах
Нижневартовск, 2015
Комплект оценочных средств для проведения промежуточной аттестации по учебной дисциплине МДК 06.03 «Web-программирование» разработан в соответствии с требованиями федерального государственного образовательного стандарта (ФГОС) по специальности/профессии 230115 Программирование в компьютерных системах.
Организация-разработчик: бюджетное учреждение среднего профессионального образования Ханты-Мансийского автономного округа - Югры «Нижневартовский политехнический колледж»
Разработчик:
Шалыгина Т.С., преподаватель бюджетного учреждения среднего профессионального образования Ханты-Мансийского автономного округа- Югры «Нижневартовский политехнический колледж»
Рассмотрено на заседании
_____________________________________________________________,
протокол от __________________________________________________
Заведующий кафедрой __________________________________________
1. Паспорт комплекта контрольно-оценочных средств по дисциплине
1.1. Общие положения
Результатом освоения МДК 06.03 «Web-программирование» являются, подлежащие проверке
умения:
использовать технологии построения и эксплуатации распределенных информационных систем;
знания:
- принципы построения распределенных систем обработки информации;
язык гипертекстовой разметки HTML;
средства создания серверного и клиентского программного
обеспечения;
принципы построения и методы работы в распределенных системах
обработки информации;
Формой промежуточной аттестации по МДК 06.03 «Web-программирование» является экзамен.
Матрица логических связей между видами аттестации, формами, методами оценивания и объектами, предметами контроля по дисциплине МДК 06.03 «Web-программирование».
предметы оценивания
(ПК, ОК, знания, умения – заданные ФГОС)
объекты оценивания вид аттестации формы и методы оценивания критерии и показатели оценки вид оценочных средств
ОК 1. Понимать сущность и социальную значимость своей будущейпрофессии, проявлять к ней устойчивый интерес.
ОК 2. Организовывать собственную деятельность, определять методы и
способы выполнения профессиональных задач, оценивать их эффективность
и качество.
ОК 3. Решать проблемы, оценивать риски и принимать решения
в нестандартных ситуациях.
ОК 4. Осуществлять поиск, анализ и оценку информации, необходимой
для постановки и решения профессиональных задач, профессионального и
личностного развития.
ОК 5. Использовать информационно-коммуникационные технологии
для совершенствования профессиональной деятельности.
ОК 6. Работать в коллективе и команде, обеспечивать ее сплочение,
эффективно общаться с коллегами, руководством, потребителями.
ОК 7. Ставить цели, мотивировать деятельность подчиненных,
организовывать и контролировать их работу с принятием на себя
ответственности за результат выполнения заданий.
ОК 8. Самостоятельно определять задачи профессионального и
личностного развития, заниматься самообразованием, осознанно планировать
повышение квалификации.
5
ОК 9. Быть готовым к смене технологий в профессиональной
деятельности.
ОК 10. Исполнять воинскую обязанность, в том числе с применением
полученных профессиональных знаний (для юношей).
ПК 1.1. Выполнять разработку спецификаций отдельных компонент.
ПК 1.2. Осуществлять разработку кода программного продукта
на основе готовых спецификаций на уровне модуля.
ПК 1.3. Выполнять отладку программных модулей с использованием
специализированных программных средств.
ПК 1.4. Выполнять тестирование программных модулей.
ПК 1.5. Осуществлять оптимизацию программного кода модуля.
ПК 1.6. Разрабатывать компоненты проектной и технической
документации с использованием графических языков спецификаций.
ПК 2.1. Разрабатывать объекты базы данных.
ПК 2.2. Реализовывать базу данных в конкретной СУБД.
ПК 2.3. Решать вопросы администрирования базы данных.
ПК 2.4. Реализовывать методы и технологии защиты информации
в базах данных.
ПК 3.1. Анализировать проектную и техническую документацию
на уровне взаимодействия компонент программного обеспечения.
ПК 3.2. Выполнять интеграцию модулей в программную систему.
ПК 3.3. Выполнять отладку программного продукта с использованием
специализированных программных средств.
ПК 3.4. Осуществлять разработку тестовых наборов и тестовых
сценариев.
ПК 3.5. Производить инспектирование компонент программногопродукта на предмет соответствия стандартам кодирования.
ПК 3.6. Разрабатывать технологическую документацию.уметь:
использовать технологии построения и эксплуатации распределенныхинформационных систем;
знать:
принципы построения распределенных систем обработки информации;
язык гипертекстовой разметки HTML;
средства создания серверного и клиентского программного
обеспечения;
принципы построения и методы работы в распределенных системах
обработки информации Требования к уровню подготовки квалифицированного рабочего в соответствии со стандартами Экзамен Балльное
Дифференцированное
Наблюдение
Устный индивидуальный опрос, фронтальный опрос
Письменный контроль
Тестовый контроль Знание материала содержание материала раскрыто в полном объеме, предусмотренным программой и учебником;
не полно раскрыто содержание материала, но показано общее понимание вопроса, достаточное для дальнейшего изучения программного материала;
не раскрыто основное содержание учебного материала
Последовательность изложения содержание материала раскрыто последовательно, достаточно хорошо продумано;
последовательность изложения материала недостаточно продумана;
путаница в изложении материала
Владение речью и терминологией материал изложен грамотным языком, с точным использованием терминологии;
в изложении материала имелись затруднения и допущены ошибки в определении понятий и в использовании терминологии;
допущены ошибки в определении понятий
Применение конкретных примеров показано умение иллюстрировать материал конкретными примерами;
приведение примеров вызывает затруднение;
неумение приводить примеры при объяснении материала
Знание ранее изученного материала продемонстрировано усвоение раннее изученного материала;
с трудом вспоминает раннее изученный материал;
незнание ранее изученного материала
Степень самостоятельности содержание материала изложено самостоятельно, без наводящих вопросов;
содержание материала излагалось с помощью наводящих вопросов и подсказок;
содержание материала излагалось с многочисленными подсказками, показавшими незнание или непонимание большей части учебного материала
Степень активности в процессе принимает активное участие в изложении или в обсуждении изучаемого материала;
малоактивное, эпизодическое участие в изложении или обсуждении изучаемого материала;
принимает роль пассивного слушателя
Выполнение регламента материал изложен в строго определенные рамки, ответы лаконичны;
изложение материала растянуто;
регламент выступления не соблюден
Тест
Перечень вопросов
II. Комплект оценочных средств по дисциплине
Для обучающегося:

Количество тестовых заданий для выполнения – 14 вопросов для каждого варианта.
Максимальное время выполнения тестовых заданий - 40 мин.
Ответы на тестовые задания заносятся в бланк тестового задания.
Задания в тестовой форме
I вариант
Объект, в котором представлен адрес загруженного HTML-документа:
window;
location;
document;
frame.
Доступ к первому рисунку на странице можно получить, записав:
document.images[1];
images[0];
document.images[0];
images[1].
Можно создать выпадающее окно, где размещается текст, введенный в поле myText формы myForm, написав строку:
alert(document.myForm.myText.value);
name=document.myForm.myText.value;
alert(document.myForm.myText);
alert(document.myform.mytext.value).
Нарисовать как выглядит HTML-страница, созданная скриптом
<frameset cols="50%,50%">
<frame src="cell.htm">
<frameset rows ="33%,*">
<frame src="cell.htm">
<frame src="cell.htm">
</frameset>
</frameset>
Наличие или отсутствие строки статуса в новом окне задает атрибут:
Toolbar;
Menubar;
Scrollbars;
Status;
В строке: myWin= open("bla.htm", "displayWindow"); параметр displayWindow это:
переменная, которая предоставляет доступ к окну, при этом область ее действия - лишь тот скрипт, в котором она определена;
имя окна, которое используется как уникальный идентификатор, которым можно пользоваться с любого из окон браузера;
переменная, которая используется как уникальный идентификатор, которым можно пользоваться с любого из окон браузера;
имя окна, которое предоставляет доступ к окну, при этом область его действия - лишь тот скрипт, в котором оно определено.
Метод getYear() объекта Date позволяет:
получить значение месяца;
получить значение года;
установить значение месяца;
установить значение года;
получить число миллисекунд, прошедшее с момента времени 1 января 1970 года.
Escape-последовательность символов \n, используется для:
возврата на одну позицию;
создания абзацного отступа;
перехода на следующую страницу;
перехода на следующую строку.
Событие Change происходит когда пользователь:
изменяет значение элемента или связи;
нажимает клавишу клавиатуры;
нажимает кнопку мыши;
щелкает на элементе формы;
перемещает курсор мыши.
Ключевое слово this используется…
для форматирования строк, а так же чтобы избежать ошибок при употреблении некоторых символов;
чтобы загрузить страницу из списка посещенных;
для ссылки на текущий объект при вызове процедуры обработки событий;
чтобы передать информацию о событии процедуре обработки события;
для представления дат в программе JavaScript.
Селектор CLASS позволяющий задать правило форматирования для абзаца запишется следующим образом:
P#form3 {color: red; background-color: blue};
P EM {color: yellow};
P;blue {color: blue}.
P.red {color: red;};
Строка: Привет! Это окно состояния! - заносится в строкусостояния посредством команды:
status='Привет! Это окно состояния!';
window.status('Привет! Это окно состояния!');
window.status='Привет! Это окно состояния!';window.status(Привет! Это окно состояния!).
Назвать две части, из которых состоит любое правило каскадных таблиц.
Как добавить таблицу стилей к документу, используя метод СВЯЗЫВАНИЕ (с помощью каких средств)?

II вариант
Объект, представляющий загруженный на настоящий момент документ HTML:
document;
window;
location;
frame.
Доступ ко второй ссылке на странице можно получить, записав:
document.links[2];
document.links[1];
links[0];
links[0].
Полученная в текстовом поле elements[0] формы forms[0] строка, заносится в переменную name командой:
name= document.forms[0].elements[0].value;
name= forms[0].elements[0].value;
name= document.forms[0].elements[0];
var name= document.elements[0].forms[0].value.
Нарисовать как выглядит HTML-страница, созданная скриптом
<frameset rows ="50%,50%">
<frame src="cell.htm">
<frameset cols="33%,*">
<frame src="cell.htm">
<frame src="cell.htm">
</frameset>
</frameset>
Загрузить новую страницу из фрейма frame1 в родительское окно можно с помощью команды:
frame1.parent.location.href="http://...";parent.href="http://...";parent.location.href="http://...";parent.location.href(http://...);
Наличие или отсутствие панели инструментов в новом окне задает атрибут:
Status;
Menubar;
Scrollbars.
Toolbar;
Метод getTime() объекта Date позволяет:
установить число миллисекунд, прошедшее с момента времени 1 января 1970 года;
получить значение года;
установить значение месяца;
установить значение года;
получить число миллисекунд, прошедшее с момента времени 1 января 1970 года.
Escape-последовательность символов \t, используется для:
возврата на одну позицию;
создания абзацного отступа (табуляция);
перехода на следующую страницу;
перехода на следующую строку.
Событие Click происходит когда пользователь:
изменяет значение элемента или связи;
нажимает клавишу клавиатуры;
нажимает кнопку мыши;
щелкает на элементе формы;
перемещает курсор мыши.
Escape-последовательности используются в строках…
для ссылки на текущий объект при вызове процедуры обработки событий;
чтобы загрузить страницу из списка посещенных;
чтобы передать информацию о событии процедуре обработки события;
для представления дат в программе JavaScript.
для форматирования строк, а так же чтобы избежать ошибок при употреблении некоторых символов;
Параметр ID позволяющий задать правило форматирования для абзаца запишется следующим образом:
P.red {color: red;};
P#form3 {color: red; background-color: blue};
P EM {color: yellow};
P;blue {color: blue}.
Чтобы запрограммировать ПК на создание выпадающего окна по истечении 3 секунд, нужно записать:
setTimeout("alert('Время истекло!')", 3000);
setTimeout(3000, "alert('Время истекло!')");
Timeout("alert('Время истекло!')", 3000);
setTimeout("alert(‘Время истекло!’)", 3).
Назвать 3 вида селекторов, позволяющих задать правила форматирования для одного элемента определенного типа или всех элементов документа.
Как добавить таблицу стилей к документу, используя метод ВНЕДРЕНИЕ (с помощью каких средств)?

III вариант
Объект, представляющий окно браузера:
document;
lcation;
srollbars.
window;
Доступ к первой форме на странице можно получить, записав:
document.forms[0];
document.forms[1];
forms[0];
forms[1].
Можно записать в текстовое поле input формы myForm cтроку - 'Привет!', написав код:
myForm.input.value='Привет!';
document.myForm.input.value('Привет!');
document.myForm.input.value='Привет!';
document.myForm.input('Привет!').
Нарисовать как выглядит HTML-страница, созданная скриптом
<frameset rows ="50%,30%,*">
<frameset cols ="50%,50%">
<frame src="cell.htm">
<frame src="cell.htm">
</frameset>
<frame src="cell.htm">
<frame src="cell.htm">
</frameset>
Находясь в первом фрейме, можно записать что-либо во второй с помощью строки:
frame2.document.write("Привет.");
frame1.parent.frame2.document.write("Привет.");
parent.frame2.document.write("Привет.");
parent.frame2.document.write="Привет.";
Наличие или отсутствие полос прокрутки в новом окне задает атрибут:
Status;
Toolbar;
Menubar;
Scrollbars.
Метод setYear() объекта Date позволяет:
получить значение месяца;
получить значение года;
установить значение месяца;
установить значение года;
получить число миллисекунд, прошедшее с момента времени 1 января 1970 года.
Escape-последовательность символов \f, используется для:
возврата на одну позицию;
создания абзацного отступа;
перехода на следующую страницу;
перехода на следующую строку.
Событие MouseDown происходит когда пользователь:
нажимает кнопку мыши;
изменяет значение элемента или связи;
нажимает клавишу клавиатуры;
щелкает на элементе формы;
перемещает курсор мыши.
Объект event используется…
для ссылки на текущий объект при вызове процедуры обработки событий;
для форматирования строк, а так же чтобы избежать ошибок при употреблении некоторых символов;
чтобы загрузить страницу из списка посещенных;
чтобы передать информацию о событии процедуре обработки события;
для представления дат в программе JavaScript.
Контекстный селектор позволяющий задать правило форматирования запишется следующим образом:
P.red {color: red;};
P#form3 {color: red; background-color: blue};
P EM {color: yellow};
P;blue {color: blue}.
Чтобы после щелчка на кнопке выполнялась запись текста в строку состояния, нужно записать:
<input type="button" vаluе="Писать!" onClick="window.status('Привет!')">;
<input type="button" vа1uе="Писать!" onClick="window.status='Привет!'">;
<input type="button" vа1uе="Писать!" onClicK="status('Привет!')">;
<input type="button" vа1uе="Писать!" onClick(window.status=Привет!)>.
Назвать четыре способа присоединения стилей к документам HTML.
Как добавить таблицу стилей к документу, используя метод ВСТРАИВАНИЕ (с помощью каких средств)?

IV вариант
Все без исключения объекты HTML являются свойствами объекта:
window;
location;
frame.
document;
Чтобы узнать текст, введенный читателем в текстовое поле “name” формы “myForm” нужно написать строку:
document.name.myForm.value;
document.myForm.name.value;
document.myForm.name;
myForm.name.value.
Нарисовать как выглядит HTML-страница, созданная скриптом
<frameset rows ="20%,50%,*">
<frame src="cell.htm">
<frameset cols="33%,*">
<frame src="cell.htm">
<frame src="cell.htm">
</frameset>
<frame src="cell.htm">
</frameset>
Записать сообщение от главного окна/фрейма во фрейм-потомок “frame2” можно с помощью строки:
parent.frame2.document.write("Сообщение передано.");
parent.document.write.frame2 ("Сообщение передано.");
frame2.document.write("Сообщение передано.");
frame2.document.write="Сообщение передано.".Метод open() используется для того, чтобы:
только открыть новое окно браузера;
только загрузить в окно браузера некую web-страничку;
открыть объект document для последующей печати.
открыть новое окно браузера и загрузить в него некую web-страничку;
В строке: myWin= open("bla.htm", "displayWindow"); параметр myWin это:
переменная, которая предоставляет доступ к окну, при этом область ее действия - лишь тот скрипт, в котором она определена;
имя окна, которое используется как уникальный идентификатор, которым можно пользоваться с любого из окон браузера;
переменная, которая используется как уникальный идентификатор, которым можно пользоваться с любого из окон браузера;
имя окна, которое предоставляет доступ к окну, при этом область его действия - лишь тот скрипт, в котором оно определено.
Метод setTime() объекта Date позволяет:
получить значение года;
установить значение месяца;
установить число миллисекунд, прошедшее с момента времени 1 января 1970 года;
установить значение года;
получить число миллисекунд, прошедшее с момента времени 1 января 1970 года.
Escape-последовательность символов \b, используется для:
создания абзацного отступа;
возврата на одну позицию;
перехода на следующую страницу;
перехода на следующую строку.
Событие KeyDown происходит когда пользователь:
нажимает клавишу клавиатуры;
изменяет значение элемента или связи;
нажимает кнопку мыши;
щелкает на элементе формы;
перемещает курсор мыши.
Объект Date используется…
для ссылки на текущий объект при вызове процедуры обработки событий;
для форматирования строк, а так же чтобы избежать ошибок при употреблении некоторых символов;
чтобы загрузить страницу из списка посещенных;
чтобы передать информацию о событии процедуре обработки события;
для представления дат в программе JavaScript.
Контекстный селектор:
указывается в селекторе правила после имени тэга и отделяется от него точкой;
указывается в селекторе правила после имени тэга и отделяется от него символом #;
состоит из нескольких простых, разделенных пробелами;
указывается в селекторе правила с лидирующей точкой без указания конкретного элемента (тэга).
Вы можете запрограммировать компьютер на выполнение некоторых команд по истечении некоторого времени с помощью функции:
new Date();
setYear();
setTimeout();
getTimeout;
getYear().
Назвать из каких трех составных частей состоит динамический HTML.
Как добавить таблицу стилей к документу, используя метод ИМПОРТИРОВАНИЕ (с помощью каких средств)?

2.2 Ситуационные задания (или компентностно-ориентированные задания/задачи)
Нет заданий.
2.3 Руководство для экзаменатора
Таблица эталонов правильных ответов комплекта тестовых заданий
№ п.п. I вариант II вариант
1 b) location a) document
2 c) document.images[0] b) document.links[1]
3 a)alert(document.myForm.myText.value) a) name= document.forms[0].elements[0].value
4 5 d) Status c) parent.location.href="http://..."
6 b) имя окна, которое используется как уникальный идентификатор, которым можно пользоваться с любого из окон браузера d) Toolbar
7 b) получить значение года e) получить число миллисекунд, прошедшее с момента времени 1 января 1970 года
8 d) перехода на следующую строку b) создания абзацного отступа (табуляция);
9 a) изменяет значение элемента или связи d) щелкает на элементе формы
10 c) для ссылки на текущий объект при вызове процедуры обработки событий e) для форматирования строк, а так же чтобы избежать ошибок при употреблении некоторых символов
11 d) P.red {color: red;} b) P#form3 {color: red; background-color: blue}
12 c) window.status='Привет! Это окно состояния!' a) setTimeout("alert('Время истекло!')", 3000)
13 Селектор и определение Селектор ID, CLASS, контекстный селектор
14 Таблицу стилей, хранящуюся в отдельном файле, можно присоединить к документу с помощью тэга <LINK>. Например,
<LINK REL=”stylesheet” TYPE=”text/css” HREF=”mystyle.css”>. При внедрении таблицы стилей в документ правила, ее составляющие задаются в стилевом блоке
<STYLE TYPE=”text/css”>
…
</STYLE>
№ п.п. III вариант IV вариант
1 d) window d) document
2 a) document.forms[0]; b) document.myForm.name.value3 с) document.myForm.input.value='Привет!' 4 c) frame2.document.write("Сообщение передано.");
5 c) parent.frame2.document.write("Привет.") d) открыть новое окно браузера и загрузить в него некую web-страничку;
6 d) Scrollbars a) переменная, которая предоставляет доступ к окну, при этом область ее действия - лишь тот скрипт, в котором она определена
7 d) установить значение года c) установить число миллисекунд, прошедшее с момента времени 1 января 1970 года
8 c) перехода на следующую страницу b) возврата на одну позицию
9 a) нажимает кнопку мыши a) нажимает клавишу клавиатуры
10 d) чтобы передать информацию о событии процедуре обработки события e) для представления дат в программе JavaScript11 c) P EM {color: yellow} c) состоит из нескольких простых, разделенных пробелами
12 b) <input type="button" vа1uе="Писать!" onClick="window.status='Привет!'"> c) setTimeout();
13 Встраивание, связывание, импортирование, внедрение. HTML, CSS, JavaScript.
14 Каждый тэг HTML имеет параметр style, в котором можно задать значения его свойств. Например, <H1 STYLE =”color:red”>
Можно импортировать внешнюю таблицу стилей в тэге <STYLE> с помощью атрибута @import. Например, @import:url(mystyle.css)
Критерии оценивания заданий:
За каждое правильно выполненное тестовое задание (верный ответ) ставится 1 балл, за неверный ответ - 0 баллов.
«5» - 13-14 баллов
«4» - 11-12 баллов
«3» - 9-10 баллов
«неудовл» - менее 8 баллов
Время выполнение заданий: 40 мин.
Количество вариантов: 4.
Критерии оценивания выполнения практического задания
например
рациональное распределение времени по этапам выполнения задания
обращение в ходе задания к информационным источникам
знание терминологии
скорость выполнение
способность нестандартно мыслить
количество предложенных вариантов решения поставленной задачи.
Преподаватель: _________________ Т.С. Шалыгина