- Курс-практикум «Педагогический драйв: от выгорания к горению»
- «Труд (технология): специфика предмета в условиях реализации ФГОС НОО»
- «ФАООП УО, ФАОП НОО и ФАОП ООО для обучающихся с ОВЗ: специфика организации образовательного процесса по ФГОС»
- «Специфика работы с детьми-мигрантами дошкольного возраста»
- «Учебный курс «Вероятность и статистика»: содержание и специфика преподавания в условиях реализации ФГОС ООО и ФГОС СОО»
- «Центр «Точка роста»: создание современного образовательного пространства в общеобразовательной организации»
- «Особенности логопедической работы с детьми с СДВГ»
- «Психологическое сопровождение детей и подростков с СДВГ»
- «Дошкольник с СДВГ: особенности работы с гиперактивными детьми»
- «Специфика обучения и воспитания школьников с СДВГ»
- «Дети и подростки с СДВГ: особенности обучения, воспитания и психологической поддержки»
Свидетельство о регистрации
СМИ: ЭЛ № ФС 77-58841
от 28.07.2014
- Бесплатное свидетельство – подтверждайте авторство без лишних затрат.
- Доверие профессионалов – нас выбирают тысячи педагогов и экспертов.
- Подходит для аттестации – дополнительные баллы и документальное подтверждение вашей работы.
в СМИ
профессиональную
деятельность
Комплект контрольно-оценочных материалов для оценки результатов освоения ПМ.02 Проектирование, разработка и оптимизация веб-приложений для специальности 09.02.07. Информационные системы и программирование

Разработчик(и):
АНО ВО СКСИ | Преподаватель кафедры прикладной информатики и математики | А.А. Сапрунова |
Эксперты от работодателя:
ООО НПО «Профтек» директор А.П. Олифиренко
ООО «Ставаналит» директор А.Ю. Хороненко
СОДЕРЖАНИЕ
1. Паспорт комплекта оценочных материалов5
1.1. Область применения5
1.2. Система контроля и оценки освоения программы ПМ9
1.2.1. Формы промежуточной аттестации по ОПОП при освоении профессионального модуля9
2. Оценка освоения программы ПМ9
3. Оценка по учебной и (или) производственной практике10
МДК.В.01.02 Проектирование и разработка интерфейсов пользователя13
1. Основные программы для просмотра веб-страниц.13
2. Что такое веб-страница?13
3. Приведите пример веб-сервера?14
4. Этапы разработки веб-сайта.14
5. Работы, выполняемые на этапе планирования и реализации веб-сайта.14
6. Размещение веб-сайта в сети интернет.14
7. Выбор сервера под веб-сайт14
8. Какие стандартные элементы веб-страницы?14
9. Функциональное назначение основных элементов.14
10. Основные модели организации сайта?14
11. Иерархическая модель.14
12. Алгоритм подбора структуры сайта14
13. Сколько файлов нужно сохранить при создании web-страницы, состоящей из трех фреймов?14
14. Как создается бегущая строка?14
15. Как в приложении создается гиперссылка?14
16. Какие объекты web-страницы могут быть гиперссылками?14
17. Назначение и функциональные возможности приложения.14
18. Какие режимы отображения web-страницы имеются?14
19. Что собой представляет фреймовая структура web-страницы?14
20. Основные атрибуты фреймовой страницы.14
МДК.В.01.03 Графический дизайн и мультимедиа14
4.3. Практическая работа25
ПРАКТИЧЕСКАЯ РАБОТА. СОЗДАНИЕ ПРОЕКТА «РЕГИСТРАЦИЯ»25
4.4. Вопросы для промежуточной аттестации по дисциплинам и практикам модуля31
МДК.В.01.01 Проектирование и разработка веб-приложений.31
5. Контрольно-оценочные материалы для экзамена (квалификационного)39
5.1. Комплект материалов для оценки сформированности общих и профессиональных компетенций по виду профессиональной деятельности с использованием практических заданий39
5.2. Комплект материалов для оценки сформированности общих и профессиональных компетенций по виду профессиональной деятельности с использованием портфолио51
5.3. Комплект материалов для оценки сформированности общих и профессиональных компетенций по виду профессиональной деятельности в форме защиты курсового проекта(работы)51
(не предусмотрено учебным планом)51
1. Паспорт комплекта оценочных материалов
1.1. Область применения
Комплект оценочных материалов позволяет оценить:
1.1.1. Освоение дополнительных профессиональных компетенций (ПК), соответствующих виду профессиональной деятельности и общих компетенций (ОК):
Профессиональные и общие компетенции | Показатели оценки результата | Средства проверки (№№ заданий, место, время, условия их выполнения) |
ДПК 1.1. Разрабатывать техническое задание на веб-приложение в соответствии с требованиями заказчика. |
| Контрольные вопросы и задания, приведенные в разделе 4. Тестирование. Защита отчетов по практическим работам Экспертное наблюдение за выполнением различных видов работ во время учебной и производственной практики Экзамен, Выполнение заданий в период учебной практики (ауд. 314, 316) и производственной практики (профильная организация). |
ДПК 1.2. Разрабатывать веб-приложение в соответствии с техническим заданием. |
| Контрольные вопросы и задания, приведенные в разделе 4. Тестирование. Защита отчетов по практическим работам Экспертное наблюдение за выполнением различных видов работ во время учебной и производственной практики Экзамен, Выполнение заданий в период учебной практики (ауд. 314, 316) и производственной практики (профильная организация). |
ДПК 1.3. Реализовывать мероприятия по продвижению веб-приложений в сети Интернет. |
| Контрольные вопросы и задания, приведенные в разделе 4. Тестирование. Защита отчетов по практическим работам Экспертное наблюдение за выполнением различных видов работ во время учебной и производственной практики Экзамен, Выполнение заданий в период учебной практики (ауд. 314, 316) и производственной практики (профильная организация). |
ДПК 1.4 Осуществлять разработку дизайна веб-приложения с учетом современных тенденций в области веб-разработки. |
| Контрольные вопросы и задания, приведенные в разделе 4. Тестирование. Защита отчетов по практическим работам Экспертное наблюдение за выполнением различных видов работ во время учебной и производственной практики Экзамен, Выполнение заданий в период учебной практики (ауд. 314, 316) и производственной практики (профильная организация). |
ОК 01. Выбирать способы решения задач профессиональной деятельности, применительно к различным контекстам. | - обоснованность постановки цели, выбора и применения методов и способов решения профессиональных задач;
| Экспертное наблюдение за выполнением работ. Интерпретация результатов наблюдений за деятельностью обучающегося в процессе освоения образовательной программы |
ОК 02. Осуществлять поиск, анализ и интерпретацию информации, необходимой для выполнения задач профессиональной деятельности. | - использование различных источников, включая электронные ресурсы, медиаресурсы, Интернет-ресурсы, периодические издания по специальности для решения профессиональных задач | Экспертное наблюдение за выполнением работ. Интерпретация результатов наблюдений за деятельностью обучающегося в процессе освоения образовательной программы |
ОК 03. Планировать и реализовывать собственное профессиональное и личностное развитие. | - демонстрация ответственности за принятые решения, - обоснованность самоанализа и коррекция результатов собственной работы; | Экспертное наблюдение за выполнением работ. Интерпретация результатов наблюдений за деятельностью обучающегося в процессе освоения образовательной программы |
ОК 04. Работать в коллективе и команде, эффективно взаимодействовать с коллегами, руководством, клиентами. | - взаимодействовать с обучающимися, преподавателями и мастерами в ходе обучения, с руководителями учебной и производственной практик; - обоснованность анализа работы членов команды (подчиненных) | Экспертное наблюдение за выполнением работ. Интерпретация результатов наблюдений за деятельностью обучающегося в процессе освоения образовательной программы |
ОК 05. Осуществлять устную и письменную коммуникацию на государственном языке с учётом особенностей социального и культурного контекста. | - демонстрировать грамотность устной и письменной речи, ясность формулирования и изложения мыслей | Экспертное наблюдение за выполнением работ. Интерпретация результатов наблюдений за деятельностью обучающегося в процессе освоения образовательной программы |
ОК 06. Проявлять гражданско-патриотическую позицию, демонстрировать осознанное поведение на основе традиционных общечеловеческих ценностей. | - соблюдение норм поведения во время учебных занятий и прохождения учебной и производственной практик, | Экспертное наблюдение за выполнением работ. Интерпретация результатов наблюдений за деятельностью обучающегося в процессе освоения образовательной программы |
ОК 07. Содействовать сохранению окружающей среды, ресурсосбережению, эффективно действовать в чрезвычайных ситуациях. | - эффективное выполнение правил ТБ во время учебных занятий, при прохождении учебной и производственной практик; - демонстрация знаний и использование ресурсосберегающих технологий в профессиональной деятельности | Экспертное наблюдение за выполнением работ. Интерпретация результатов наблюдений за деятельностью обучающегося в процессе освоения образовательной программы |
ОК 08. Использовать средства физической культуры для сохранения и укрепления здоровья в процессе профессиональной деятельности и поддержания необходимого уровня физической подготовленности. | - эффективность использовать средств физической культуры для сохранения и укрепления здоровья при выполнении профессиональной деятельности. | Экспертное наблюдение за выполнением работ. Интерпретация результатов наблюдений за деятельностью обучающегося в процессе освоения образовательной программы |
ОК 09. Использовать информационные технологии в профессиональной деятельности. | - эффективность использования информационно-коммуникационных технологий в профессиональной деятельности согласно формируемым умениям и получаемому практическому опыту; | Экспертное наблюдение за выполнением работ. Интерпретация результатов наблюдений за деятельностью обучающегося в процессе освоения образовательной программы |
1.1.2 Приобретение в ходе освоения профессионального модуля практического опыта
Иметь практический опыт | Виды работ на учебной и/ или производственной практике и требования к их выполнению |
1 | 2 |
в настройке отдельных компонентов программного обеспечения компьютерных систем; | Практическая работа на учебной и производственной практике в части настройки отдельных компонентов программного обеспечения компьютерных систем |
выполнении отдельных видов работ на этапе поддержки программного обеспечения компьютерной системы | Практическая работа на учебной и производственной практике в части выполнения отдельных видов работ на этапе поддержки программного обеспечения компьютерной системы |
1.1.3. Освоение умений и усвоение знаний:
Освоенные умения, усвоенные знания | Показатели оценки результата | №№ заданий для проверки, условия проведения |
1 | 2 | 3 |
Уметь: | ||
|
| Работы в период учебной и производственной практики. Практические занятия №1-3 Ситуационные задачи №2 |
|
| Работы в период учебной и производственной практики. Практические занятия №5 |
|
| Работы в период учебной и производственной практики. Практические занятия №7-8 Ситуационные задачи №1,2 |
Знать: | ||
|
| Устный опрос (№ 1-8). Тестирование (тема 1) Квалификационный экзамен (№ 4-12) |
|
| Устный опрос (№ 16,20-24). Тестирование (тема 2) Квалификационный экзамен (№10,12-15) |
| знание принципов проектирования и разработки информационных систем. | Устный опрос (№10-13,19,30-40). Тестирование (тема 2) Квалификационный экзамен (№ 5-8) |
1.2. Система контроля и оценки освоения программы ПМ
1.2.1. Формы промежуточной аттестации по ОПОП при освоении профессионального модуля
Элементы модуля, профессиональный модуль | Формы промежуточной аттестации |
1 | 2 |
МДК.В.01.01 Проектирование и разработка веб-приложений. | Экзамен |
МДК.В.01.02 Проектирование и разработка интерфейсов пользователя | Экзамен |
МДК.В.01.03 Графический дизайн и мультимедиа | Контрольная работа |
Учебная практика | Комплексный дифференцированный зачет |
Производственная практика | |
ПМ | Экзамен (квалификационный) |
2. Оценка освоения программы ПМ
Итоговый контроль освоения вида профессиональной деятельности «Программист» осуществляется на экзамене (квалификационном). Условием допуска к экзамену (квалификационному) является положительная аттестация по МДК, учебной практике и производственной практике.
Экзамен (квалификационный) проводится в виде выполнения практических заданий, выполняемых в процессе прохождения учебной практики. Условием положительной аттестации (вид профессиональной деятельности освоен) на экзамене (квалификационном) является положительная оценка освоения всех профессиональных компетенций по всем контролируемым показателям.
При отрицательном заключении хотя бы по одной из профессиональных компетенций принимается решение «вид профессиональной деятельности не освоен».
Промежуточный контроль освоения профессионального модуля осуществляется при проведении экзамена по МДК и комплексного дифференцированного зачета по учебной и производственной практике.
Предметом оценки освоения МДК являются умения и знания. Экзамен по МДК проводится с учетом результатов текущего контроля.
Обучающийся, выполнивший текущие задания в процессе освоения модуля в полном объеме, освобождается от выполнения заданий на экзамене и получает оценку «отлично».
Обучающийся, выполнивший текущие задания в процессе освоения модуля не в полном объеме, но не менее 80% заданий, освобождается от выполнения заданий на экзамене и получает оценку «хорошо». Если обучающийся претендует на получение более высокой оценки, он должен выполнить задания на экзамене. Перечень заданий определяется в зависимости от результатов текущего контроля.
Обучающиеся, выполнивший текущие задания в процессе освоения модуля не в полном объеме, но не менее 60% заданий, выполняют на экзамене только задания, оценки за выполнение которых в рамках текущего контроля были ниже необходимых для положительной аттестации.
Обучающиеся, не выполнившие текущие задания в процессе освоения модуля, выполняют все экзаменационные задания.
Предметом оценки по учебной и производственной практике является приобретение практический опыта.
Контроль и оценка по учебной и производственной практике проводится на основе характеристики обучающегося с места прохождения практики, составленной и завизированной руководителем практики от института и ответственным лицом организации (базы практики). В характеристике отражаются виды работ, выполненные обучающимся во время практики, их объем, качество выполнения в соответствии с технологией и (или) требованиями организации, в которой проходила практика.
Кроме этого, для аттестации по ПМ могут использоваться в том или ином сочетании с описанными выше формами защита портфолио.
3. Оценка по учебной и (или) производственной практике
Требования к практическому опыту и коды формируемых профессиональных компетенций | Коды и наименование формируемых профессиональных, общих компетенций, умений | Виды и объем работ на учебной и/ или производственной практике, требования к их выполнению и/ или условия выполнения | Документ, подтверждающий качество выполнения работ |
1 | 2 | 3 | 4 |
Практический опыт:
| ДПК 1.1. Разрабатывать техническое задание на веб-приложение в соответствии с требованиями заказчика. ДПК 1.2. Разрабатывать веб-приложение в соответствии с техническим заданием. ДПК 1.3. Реализовывать мероприятия по продвижению веб-приложений в сети Интернет. ДПК 1.4 Осуществлять разработку дизайна веб-приложения с учетом современных тенденций в области веб-разработки. ОК 01. Выбирать способы решения задач профессиональной деятельности, применительно к различным контекстам. ОК 02. Осуществлять поиск, анализ и интерпретацию информации, необходимой для выполнения задач профессиональной деятельности. ОК 03. Планировать и реализовывать собственное профессиональное и личностное развитие. ОК 04. Работать в коллективе и команде, эффективно взаимодействовать с коллегами, руководством, клиентами. ОК 05. Осуществлять устную и письменную коммуникацию на государственном языке с учётом особенностей социального и культурного контекста. ОК 06. Проявлять гражданско-патриотическую позицию, демонстрировать осознанное поведение на основе традиционных общечеловеческих ценностей. ОК 07. Содействовать сохранению окружающей среды, ресурсосбережению, эффективно действовать в чрезвычайных ситуациях. ОК 08. Использовать средства физической культуры для сохранения и укрепления здоровья в процессе профессиональной деятельности и поддержания необходимого уровня физической подготовленности. ОК 09. Использовать информационные технологии в профессиональной деятельности. | Учебная практика:
Производственная практика:
| Отчет по практике; Экзаменационная ведомость |
4. Задания для оценки освоения умений и усвоения знаний
4.1 Вопросы для устного опроса (текущая аттестация по дисциплинам модуля)
МДК.В.01.01 Проектирование и разработка веб-приложений.
Основные различия протоколов
Что такое Http протоколы
Какие методы существуют
Работа с переменными в php службе технической поддержки.
Работа с операциями в php
Работа с условным оператором в php
Работа с циклами в php
Работа с функциями в php
Работа с классами в php
Наследование в php
Работа с интерфейсами в php
Обработка ошибок в php
Работа с предопределенными элементами в php
Создание html-страницы средствами php
Обработка запросов страницы
Обработка запросов к серверу на php
Загрузка и анализ содержимого веб-страниц на PHP
Работа с графическими функциями на PHP
Работа с файлами в PHP
Обработка данных на форме
Организация поддержки базы данных в PHP
Взаимодействие серверных веб-приложений с БД
Сессии. Ограничение доступа к содержимому страниц.
Работа с Cookie
Работа с датой и временем.
Работа с регулярными выражениями
Работа с почтой
Валидация данных.
Составление схем XML-документов
Отображение XML-документов различными способами
Разработка Web-приложения с помощью XML
Использование языка сценариев JavaScript при создании web-сайта Размещение сценариев в HTML-документе
JavaScript. Работа с событиями
JavaScript. Работа с формами
JavaScript. Работа с изображениями
Применение технологии AJAX
Использование библиотеки jQuery
Отладка и тестирование сайта
Администрирование сайта
Публикация сайта на бесплатном хостинге
МДК.В.01.02Проектирование и разработка интерфейсов пользователя
Основные программы для просмотра веб-страниц.
Что такое веб-страница?
Приведите пример веб-сервера?
Этапы разработки веб-сайта.
Работы, выполняемые на этапе планирования и реализации веб-сайта.
Размещение веб-сайта в сети интернет.
Выбор сервера под веб-сайт
Какие стандартные элементы веб-страницы?
Функциональное назначение основных элементов.
Основные модели организации сайта?
Иерархическая модель.
Алгоритм подбора структуры сайта
Сколько файлов нужно сохранить при создании web-страницы, состоящей из трех фреймов?
Как создается бегущая строка?
Как в приложении создается гиперссылка?
Какие объекты web-страницы могут быть гиперссылками?
Назначение и функциональные возможности приложения.
Какие режимы отображения web-страницы имеются?
Что собой представляет фреймовая структура web-страницы?
Основные атрибуты фреймовой страницы.
МДК.В.01.03Графический дизайн и мультимедиа
Основные понятия в компьютерной графике.
Виды компьютерной графики.
Физические основы компьютерной графики.
Форматы графических файлов.
Графический пользовательский интерфейс
Сущность и особенности векторной графики.
Векторный метод.
Достоинства векторной графики.
Недостатки векторной графики.
Программные средства векторной графики для разработки мультимедийного контента
Работа со звуком. Современные программные средства обработки звука.
Работа со звуком. Современные аппаратные средства обработки звука.
Растровая графика и ее особенности.
Фрактальная графика.
Достоинства растровой графики.
Недостатки растровой графики.
Программные средства растровой графики.
Программные средства растровой графики для разработки мультимедийного контента.
Основы трехмерной графики.
Основы построения сцен.
3D моделирование.
Программы для 3D моделирования.
Критерии и шкала оценивания устного опроса
отлично | 1) студент полно излагает материал, дает правильное определение основных понятий; 2) обнаруживает понимание материала, может обосновать свои суждения, применить знания на практике, привести необходимые примеры не только из учебника, но и самостоятельно составленные; 3) излагает материал последовательно и правильно с точки зрения норм литературного языка. |
хорошо | студент дает ответ, удовлетворяющий тем же требованиям, что и для отметки, но допускает 1–2 ошибки, которые сам же исправляет, и 1–2 недочета в последовательности и языковом оформлении излагаемого. |
удовлетворительно | студент обнаруживает знание и понимание основных положений данной темы, но: 1) излагает материал неполно и допускает неточности в определении понятий или формулировке правил; 2) не умеет достаточно глубоко и доказательно обосновать свои суждения и привести свои примеры; 3) излагает материал непоследовательно и допускает ошибки в языковом оформлении излагаемого. |
неудовлетворительно | студент обнаруживает незнание большей части соответствующего вопроса, допускает ошибки в формулировке определений и правил, искажающие их смысл, беспорядочно и неуверенно излагает материал. Оценка «неудовлетворительно» отмечает такие недостатки в подготовке, которые являются серьезным препятствием к успешному овладению последующим материалом. |
4.2 Тестовые задания для оценки знаний
Тема «Разработка сетевых приложений»
ПЗУ – это память в которой:
1) хранится исполняемая в данный момент времени программа и данные, с которыми она непосредственно работает
2) хранится информация, предназначенная для обеспечения диалога пользователя и ЭВМ
3) хранится информация, присутствие которой постоянно необходимо в компьютере
ОЗУ – это память, в которой:
1) хранится информация для долговременного хранения информации независимо от того, работает ЭВМ или нет
2) хранится исполняемая в данный момент времени программа и данные, с которой она непосредственно работает
3) хранится информация, предназначенная для обеспечения диалога пользователя и ЭВМ
Внешняя память служит:
для хранения оперативной, часто изменяющейся информации в процессе решения задачи;
для долговременного хранения информации независимо от того, работает ЭВМ или нет;
Принцип программного управления – это:
алгоритм, состоящий из слов-команд, определяющий последовательность действий, представленный в двоичной системе счисления
набор инструкций на машинном языке, который хранится на магнитном диске, предназначенный для запуска компьютера;;
набор инструкций, позволяющий перевести языки высокого уровня в машинные коды;
Что такое данные?
1) универсальная информация;
это информация, представленная в форме, пригодной для ее передачи и обработки с помощью компьютера;
универсальное, электронно-программируемое устройство для хранения, обработки и передачи информации;
Что такое программа?
последовательность команд, которую выполняет компьютер в процессе обработки данных;
набор инструкций на машинном языке;
3) набор инструкций, позволяющий перевести языки высокого уровня в машинные коды;
7. Программное обеспечение – это:
1) универсальное устройство для передачи информации;
2) совокупность программ, позволяющих организовать решение задачи на ЭВМ;
3) операционная система;
8. Системное программное обеспечение предназначено для:
обслуживания самого компьютера, для управления работой его устройств;
количество одновременно передаваемых по шине бит;
устройство для хранения и вывода информации;
Главной составной часть системного программного обеспечения является:
операционная оболочка
операционная система;
передача информации;
Какие операционные системы Вы знаете?
MS DOS, WINDOWS;
Paint; Word
Access; Excel
Norton Commander – это:
1) операционная система;
2)операционная оболочка;
3) электрические импульсы;
Какие программы относятся к прикладному программному обеспечению?
Paint, Word, Excel, Access;
любые;
некоторые;
Прикладное программное обеспечение – это:
программы, которые непосредственно удовлетворяют информационные потребностям пользователя;
поименованная область данных на диске;
3) система хранения файлов и организации каталогов;
Какие языки программирования Вы знаете?
Бейсик, Паскаль, Си, Вижуал Бейсик;
никакие;
любые;
Что такое файловая система – это:
поименованная область данных на диске;
система хранения файлов и организации каталогов;
принцип программного управления компьютером;
Файл – это:
созданные каталоги;
поименованная область данных на диске;
внешняя память
В операционной системе Windows собственное имя файла не может содержать символ…
1. вопросительный знак (?)
2. запятую (,)
3. точку (.)
4. знак сложения (+)Укажите неправильно записанное имя файла:
1. a:\prog\pst.exe
2. docum.txt
3. doc?.lst
4. класс!Расширение имени файла, как правило, характеризует…
1. время создания файла
2. объем файла
3. место, занимаемое файлом на диске
4. тип информации, содержащейся в файлеФотография «Я на море» сохранена в папке Лето на диске D:\, укажите его полное имя
1. D:\Лето\Я на море.txt
2. D:\Лето\Я на море.jpg
3. D:\Я на море.jpg
4. D:\Лето\Я на море.avi
Операционная системам выполняет…
1. обеспечение организации и хранения файлов
2. подключение устройств ввода/вывода
3. организацию обмена данными между компьютером и различными периферийными устройствами
4. организацию диалога с пользователем, управление аппаратурой и ресурсами компьютераФайловая система необходима…
1. для управления аппаратными средствами
2. для тестирования аппаратных средств
3. для организации структуры хранения
4. для организации структуры аппаратных средствКаталог (папка) – это…
1. команда операционной системы, обеспечивающая доступ к данным
2. группа файлов на одном носителе, объединяемых по какому-либо критерию
3. устройство для хранения группы файлов и организации доступа к ним
4. путь, по которому операционная система определяет место файлаТекстовые документы имеют расширения…
1. *.exe
2. *.bmp
3. *.txt
4. *.comПапки (каталоги) образуют … структуру
1. иерархическую
2. сетевую
3. циклическую
4. реляционнуюФайлы могут иметь одинаковые имена в случае…
1. если они имеют разный объем
2. если они созданы в различные дни
3. если они созданы в различное время суток
4. если они хранятся в разных каталогахЗадан полный путь к файлу D:\Учеба\Практика\Отчет.doc Назовите имяфайла
1. D:\Учеба\Практика\Отчет.doc
2. Отчет.doc
3. Отчет
4. D:\Учеба\Практика\ОтчетФайловая система определяет
1. способ организации данных на диске
2. физические особенности носителя
3. емкость диска
4. число пикселей на дискеФайл — это …
1. единица измерения информации
2. программа в оперативной памяти
3. текст, распечатанный на принтере
4. организованный набор данных, программа или данные на диске, имеющие имяРазмер файла в операционной системе определяется
1. в байтах
в битах
в секторах
в кластерах
Во время исполнения прикладная программа хранится…
1. в видеопамяти
2. в процессоре
3. в оперативной памяти
4. на жестком дискеИмена файлов, в которых хранятся на диске созданные документы (тексты или рисунки), задаются…
1. автоматически программой (текстовым или графическим редактором)
2. создателем документа
3. операционной системой
4. документы не имеют именГипертекст — это…
1. очень большой текст
2. структурированный текст, в котором могут осуществляться переходы по выделенным меткам
3. текст, набранный на компьютере
4. текст, в котором используется шрифт большого размераСтандартной программой в ОС Windows являются:
1. Калькулятор
2. MS Word
3. MS Excel
4. Internet Explorer
5. БлокнотЧтобы сохранить текстовый файл (документ) в определенном формате необходимо задать…
1. размер шрифта
2. тип файла
3. параметры абзаца
4. размеры страницыЗадан полный путь к файлу c:\doc\proba.txt. Назовите полное имя файла
1. c:\doc\proba.txt
2. proba.txt
3. doc\proba.txt
4. txtОперационные системы представляют собой программные продукты, входящие в состав…
1. прикладного программного обеспечения
2. системного программного обеспечения
3. системы управления базами данных
4. систем программированияИнтерфейс – это…
1. совокупность средств и правил взаимодействия устройств ПК, программ и пользователя
2. комплекс аппаратных средств
3. элемент программного продукта
4. часть сетевого оборудованияПо функциональному признаку различают следующие виды ПО:
1. сетевое
2. прикладное
3. системное
4. инструментальноеКороткое имя файла состоит из …
1. двух частей: собственно имени и расширения
2. адреса файла
3. только имени файла
4. любых 12 символов
Эталоны ответов
№ вопроса | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | |
Ответ | 3 | 2 | 2 | 1 | 2 | 1 | 2 | 1 | 2 | 1 | 2 | 1 | 1 | 1 | 2 | 2 | |
№ вопроса | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | |
Ответ | 1 | 3 | 4 | 2 | 1 | 3 | 2 | 3 | 1 | 4 | 3 | 1 | 4 | 1 | 3 | 2 | |
№ вопроса | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | |||||||||
Ответ | 2 | 1, 5 | 2 | 1 | 2 | 1 | 2,3 | 3 | |||||||||
Тема «Методы оптимизации веб-приложений»
Задание № 1
Вопрос:
Для защиты от несанкционированного доступа к программам и данным, хранящимся на компьютере, используются
Выберите один из 4 вариантов ответа:
1) пароли
2) анкеты
3) коды
4) ярлыки
Задание № 2
Вопрос:
От несанкционированного доступа может быть защищён:
Выберите несколько из 4 вариантов ответа:
1) каждый диск
2) папка
3) файл
4) ярлык
Задание № 3
Вопрос:
К биометрическим системам защиты информации относятся системы идентификации по:
Выберите несколько из 9 вариантов ответа:
1) отпечаткам пальцев
2) характеристикам речи
3) радужной оболочке глаза
4) изображению лица
5) геометрии ладони руки
6) росту
7) весу
8) цвету глаз
9) цвету волос
Задание № 4
Вопрос:
Какие существуют массивы дисков RAID?
Выберите несколько из 4 вариантов ответа:
1) RAID 0
2) RAID 1
3) RAID 10
4) RAID 20
Задание № 5
Вопрос:
Найди соответствие.
Укажите соответствие для всех 2 вариантов ответа:
1) Для создания массива этого уровня понадобится как минимум два диска одинакового размера. Запись осуществляется по принципу чередования: данные делятся на порции одинакового размера (А1, А2, А3 и т.д.), и поочерёдно распределяются по всем дискам, входящим в массив.
2) Массивы этого уровня построены по принципу зеркалирования, при котором все порции данных (А1, А2, А3 и т.д.), записанные на одном диске, дублируются на другом.
__RAID 0
__RAID 1
Задание № 6
Вопрос:
Выберите типы вредоносных программ:
Выберите несколько из 6 вариантов ответа:
1) Вирусы, черви, троянские и хакерские программы
2) Шпионское, рекламное программное обеспечение
3) Потенциально опасное программное обеспечение
4) Операционная система Linux
5) Операционная система Windows
6)MicrosoftOffice
Задание № 7
Вопрос:
Найди соответствие.
Укажите соответствие для всех 2 вариантов ответа:
1) сигнатуры. Сигнатура - это некоторая постоянная последовательность программного кода, специфичная для конкретной вредоносной программы.
2) алгоритмы эвристического сканирования, т.е.анализа последовательности команд в проверяемом объекте.
__ Для поиска известных вредоносных программ используются
__ Для поиска новых вирусов используются
Задание № 8
Вопрос:
Найди соответствие.
Укажите соответствие для всех 2 вариантов ответа:
1) автоматически при старте операционной системы и работает в качестве фонового системного процессора, проверяя на вредоносность совершаемые другими программами действия. Основная задача состоит в обеспечении максимальной защиты от вредоносных программ при минимальном замедлении работы компьютера.
2) по заранее выбранному расписанию или в произвольный момент пользователем. Производит поиск вредоносных программ в оперативной памяти, а также на жестких и сетевых дисках компьютера.
__ Антивирусный монитор запускается
__ Антивирусный сканер запускается
Задание № 9
Вопрос:
Компьютерные вирусы -
Выберите один из 5 вариантов ответа:
1) являются вредоносными программами, которые могут "размножаться" и скрытно внедрять свои копии в файлы, загрузочные секторы дисков и документы. Активизация компьютерного вируса может вызывать уничтожение программ и данных.
2) являются вредоносными программами, которые проникают на компьютер, используя сервисы компьютерных сетей. Их активизация может вызывать уничтожение программ и данных, а также похищение персональных данных пользователя.
3) вредоносная программа, которая выполняет несанкционированную пользователем передачу управления компьютером удалённому пользователю, а также действия по удалению, модификации, сбору и пересылке информации третьим лицам.
4) это программное или аппаратное обеспечение, которое проверяет информацию, входящую в компьютер из локальной сети или Интернета, а затем либо отклоняет её, либо пропускает в компьютер, в зависимости от параметров.
5) программа или набор программ для скрытого взятия под контроль взломанной системы. Это утилиты, используемые для сокрытия вредоносной активности. Они маскируют вредоносные программы, чтобы избежать их обнаружения антивирусными программами.
Задание № 10
Вопрос:
По "среде обитания" вирусы можно разделить на:
Выберите несколько из 6 вариантов ответа:
1) загрузочные
2) файловые
3) макровирусы
4) очень опасные
5) не опасные
6) опасные
Задание № 11
Вопрос:
Найди соответствие.
Укажите соответствие для всех 3 вариантов ответа:
1) заражают загрузочный сектор гибкого или жёсткого диска.
2) эти вирусы различными способами внедряются в исполнимые файлы и обычно активизируются при их запуске.
3) существуют для интегрированного офисного приложения MicrosoftOffice.
__ загрузочные вирусы
__ файловые вирусы
__ макровирусы
Задание № 12
Вопрос:
Сетевые черви -
Выберите один из 5 вариантов ответа:
1) являются вредоносными программами, которые могут "размножаться" и скрытно внедрять свои копии в файлы, загрузочные секторы дисков и документы. Активизация компьютерного вируса может вызывать уничтожение программ и данных.
2) являются вредоносными программами, которые проникают на компьютер, используя сервисы компьютерных сетей. Их активизация может вызывать уничтожение программ и данных, а также похищение персональных данных пользователя.
3) вредоносная программа, которая выполняет несанкционированную пользователем передачу управления компьютером удалённому пользователю, а также действия по удалению, модификации, сбору и пересылке информации третьим лицам.
4) это программное или аппаратное обеспечение, которое проверяет информацию, входящую в компьютер из локальной сети или Интернета, а затем либо отклоняет её, либо пропускает в компьютер, в зависимости от параметров.
5) программа или набор программ для скрытого взятия под контроль взломанной системы. Это утилиты, используемые для сокрытия вредоносной активности. Они маскируют вредоносные программы, чтобы избежать их обнаружения антивирусными программами.
Задание № 13
Вопрос:
Сетевые черви бывают:
Выберите несколько из 4 вариантов ответа:
1)Web-черви
2) почтовые черви
3) черви операционной системы
4) черви MSOffice
Задание № 14
Вопрос:
Найди соответствие.
Укажите соответствие для всех 2 вариантов ответа:
1) Профилактическая защита от таких червей состоит в том, что в браузере можно запретить получение активных элементов на локальный компьютер.
2) Профилактическая защита от таких червей состоит в том, что не рекомендуется открывать вложенные в сообщения файлы, полученные от сомнительных источников. А также рекомендуется своевременно скачивать из Интернета и устанавливать обновления системы безопасности операционной системы и приложений.
__ Web-черви
__ почтовые черви
Задание № 15
Вопрос:
Наиболее эффективны от Web-червей,Web-антивирусные программы, которые включают:
Выберите несколько из 3 вариантов ответа:
1) межсетевой экран
2) модуль проверки скриптов
3) антивирусный сканер
Задание № 16
Вопрос:
Межсетевой экран (брандмауэр) -
Выберите один из 5 вариантов ответа:
1) являются вредоносными программами, которые могут "размножаться" и скрытно внедрять свои копии в файлы, загрузочные секторы дисков и документы. Активизация компьютерного вируса может вызывать уничтожение программ и данных.
2) являются вредоносными программами, которые проникают на компьютер, используя сервисы компьютерных сетей. Их активизация может вызывать уничтожение программ и данных, а также похищение персональных данных пользователя.
3) вредоносная программа, которая выполняет несанкционированную пользователем передачу управления компьютером удалённому пользователю, а также действия по удалению, модификации, сбору и пересылке информации третьим лицам.
4) это программное или аппаратное обеспечение, которое проверяет информацию, входящую в компьютер из локальной сети или Интернета, а затем либо отклоняет её, либо пропускает в компьютер, в зависимости от параметров.
5) программа или набор программ для скрытого взятия под контроль взломанной системы. Это утилиты, используемые для сокрытия вредоносной активности. Они маскируют вредоносные программы, чтобы избежать их обнаружения антивирусными программами.
Задание № 17
Вопрос:
Троянская программа, троянец -
Выберите один из 5 вариантов ответа:
1) являются вредоносными программами, которые могут "размножаться" и скрытно внедрять свои копии в файлы, загрузочные секторы дисков и документы. Активизация компьютерного вируса может вызывать уничтожение программ и данных.
2) являются вредоносными программами, которые проникают на компьютер, используя сервисы компьютерных сетей. Их активизация может вызывать уничтожение программ и данных, а также похищение персональных данных пользователя.
3) вредоносная программа, которая выполняет несанкционированную пользователем передачу управления компьютером удалённому пользователю, а также действия по удалению, модификации, сбору и пересылке информации третьим лицам.
4) это программное или аппаратное обеспечение, которое проверяет информацию, входящую в компьютер из локальной сети или Интернета, а затем либо отклоняет её, либо пропускает в компьютер, в зависимости от параметров.
5) программа или набор программ для скрытого взятия под контроль взломанной системы. Это утилиты, используемые для сокрытия вредоносной активности. Они маскируют вредоносные программы, чтобы избежать их обнаружения антивирусными программами.
Задание № 18
Вопрос:
Троянские программы бывают:
Выберите несколько из 4 вариантов ответа:
1) утилиты удалённого администрирования
2) программы - шпионы
3) рекламные программы
4) программы удаления данных на локальном компьютере
Задание № 19
Вопрос:
Найди соответствие.
Укажите соответствие для всех 3 вариантов ответа:
1) троянские программы данного типа являются одним из самых опасных видов вредоносного программного обеспечения, поскольку в них заложена возможность самых разнообразных злоумышленных действий, в том числе они могут быть использованы для обнаружения и передачи кофиденциальной информации.
2) троянские программы этого типа часто используются для кражи информации пользователей различных систем онлайновых платежей и банковских систем.
3) эти программы встраивают рекламу в основную полезную программу и могут выполнять функцию троянских программ. Эти программы могут скрытно собирать различную информацию о пользователе компьютера и затем отправлять её злоумышленнику.
__ Троянские утилиты удалённого администрирования
__ Троянские программы - шпионы
__ Рекламные программы
Задание № 20
Вопрос:
Найди соответствие.
Укажите соответствие для всех 2 вариантов ответа:
1) реализуют атаку с одного компьютера с ведома пользователя. Эти программы обычно наносят ущерб удалённым компьютерам и сетям, не нарушая работоспособности заражённого компьютера.
2) реализуют распределённые атаки с разных компьютеров, причём без ведома пользователей заражённых компьютеров.
__DoS - программы
__DDos - программы
Задание № 21
Вопрос:
Руткит -
Выберите один из 5 вариантов ответа:
1) являются вредоносными программами, которые могут "размножаться" и скрытно внедрять свои копии в файлы, загрузочные секторы дисков и документы. Активизация компьютерного вируса может вызывать уничтожение программ и данных.
2) являются вредоносными программами, которые проникают на компьютер, используя сервисы компьютерных сетей. Их активизация может вызывать уничтожение программ и данных, а также похищение персональных данных пользователя.
3) вредоносная программа, которая выполняет несанкционированную пользователем передачу управления компьютером удалённому пользователю, а также действия по удалению, модификации, сбору и пересылке информации третьим лицам.
4) это программное или аппаратное обеспечение, которое проверяет информацию, входящую в компьютер из локальной сети или Интернета, а затем либо отклоняет её, либо пропускает в компьютер, в зависимости от параметров.
5) программа или набор программ для скрытого взятия под контроль взломанной системы. Это утилиты, используемые для сокрытия вредоносной активности. Они маскируют вредоносные программы, чтобы избежать их обнаружения антивирусными программами.
Задание № 22
Вопрос:
Межсетевой экран позволяет:
Выберите несколько из 5 вариантов ответа:
1) блокировать хакерские DoS - атаки, не пропуская на защищаемый компьютер сетевые пакеты с определённых серверов
2) не допускать проникновение на защищаемый компьютер сетевых червей
3) препятствовать троянским программам отправлять конфиденциальную информацию о пользователе и компьютере
4) видеть действия которые выполняет пользователь на другом компьютере
5) использовать принтер подключённый к другому компьютеру
Эталоны ответов
№ вопроса | Ответ | № вопроса | Ответ |
1 | 1 | 12 | 2 |
2 | 1,2,3 | 13 | 1,2 |
3 | 1,2,3,4,5 | 14 | 1,2 |
4 | 1,2 | 15 | 1,2 |
5 | 1,2 | 16 | 4 |
6 | 1,2,3 | 17 | 3 |
7 | 1,2 | 18 | 1,2,3 |
8 | 1,2 | 19 | 1,2,3 |
9 | 1 | 20 | 1,2 |
10 | 1,2,3 | 21 | 5 |
11 | 1,2,3 | 22 | 1,2,3 |
Критерии и шкала оценки тестовых заданий
Количество правильных ответов | Оценка |
86 – 100% | отлично |
71 – 85% | хорошо |
53 – 70% | удовлетворительно |
52% | неудовлетворительно |
4.3. Практическая работа
ПРАКТИЧЕСКАЯ РАБОТА. СОЗДАНИЕ ПРОЕКТА «РЕГИСТРАЦИЯ»
1. Создание базы данных
Создаем базу данных в интерфейсе “phpAdmin“. Базу данных называете как вам угодно, в “Сравнение” выбираем “utf8_general_ci”:

Таблицу создавать не надо, т.к. таблица будет создаваться при регистрации пользователя.
2. Соединение с базой данных
На локальном сервере XAMPP в папке “htdocs” создаем папку нашего будущего проекта. В этой папке создаем первый php файл “db.php”. Он нужен для соединения с базой данных.
Так как мы будем пользоваться библиотекой RedBeanPHP, тогда надо скачать библиотеку и подключить к проекту. Мы создадим в папке проекта папку “libs” и туда закинем библиотеку. Листинг файла db.php:
<?php
// Подключаем библиотеку RedBeanPHP
require "libs/rb-mysql.php";
// Подключаемся к БД
R::setup( 'mysql:host=localhost;dbname=register',
'root', '' );
// Проверка подключения к БД
if(!R::testConnection()) die('No DB connection!');
session_start(); // Создаем сессию для авторизации
?>
Имя пользователя для соединения c базой данных устанавливается по умолчанию (XAMPP), конечно если в phpMyAdmin вы их не меняли.
3. Создание шапки и подвала проекта
Создадим два файла и назовём их “header.php” и “footer.php”. Мы их будем подключать к нашим будущим формам. В статье “PHP. Динамическое создание страниц” можно изучить для чего это необходимо. Листинг файла header.php:
<!DOCTYPE html>
<html lang="ru">
<head>
<title><?php echo $title; ?></title>
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/css/style.css">
<meta content="text/html; charset=utf-8">
</head>
<body>
Это обычная шапка проекта. Для подключения стилей создайте в проекте папку “css” и в ней создайте файл style.css, а также скачайте файл фреймворка Bootstrap и закиньте его в эту папку.
Переменная $title необходима для изменения названия страниц на разных формах (т.к. в проекте будет больше одной формы). Листинг файлаfooter.php:
</body>
</html>
Листинг файлаstyle.css:
form, h2, p{
width: 500px;
margin-left: 300px;
}
4. Создание форм
С помощью HTML, CSS и Bootstrap создадим необходимые формы приложения. В папке проекта создаем форму регистрации. Файл назовём“signup.php”. Листинг файла:
<?php
$title="Форма регистрации"; // название формы
require __DIR__ . '/header.php'; // подключаем шапку проекта
require "db.php"; // подключаем файл для соединения с БД
?>
<div class="container mt-4">
<div class="row">
<div class="col">
<!-- Форма регистрации -->
<h2>Форма регистрации</h2>
<form action="signup.php" method="post">
<input type="text" class="form-control" name="login" id="login" placeholder="Введите логин"><br>
<input type="email" class="form-control" name="email" id="email" placeholder="Введите Email"><br>
<input type="text" class="form-control" name="name" id="name" placeholder="Введите имя" required><br>
<input type="text" class="form-control" name="family" id="family" placeholder="Введите фамилию" required><br>
<input type="password" class="form-control" name="password" id="password" placeholder="Введите пароль"><br>
<input type="password" class="form-control" name="password_2" id="password_2" placeholder="Повторите пароль"><br>
<button class="btn btn-success" name="do_signup" type="submit">Зарегистрировать</button>
</form>
<br>
<p>Если вы зарегистрированы, тогда нажмите <a href="/login.php">здесь</a>.</p>
<p>Вернуться на <a href="/index.php">главную</a>.</p>
</div>
</div>
</div>
<?php require __DIR__ . '/footer.php'; ?> <!-- Подключаем подвал проекта -->
Итоговый дизайн формы регистрации:

В папке проекта создаем форму авторизации. Файл назовём“login.php”. Листинг файла:
<?php
$title="Форма авторизации"; // название формы
require __DIR__ . '/header.php'; // подключаем шапку проекта
require "db.php"; // подключаем файл для соединения с БД
?>
<div class="container mt-4">
<div class="row">
<div class="col">
<!-- Форма авторизации -->
<h2>Форма авторизации</h2>
<form action="login.php" method="post">
<input type="text" class="form-control" name="login" id="login" placeholder="Введите логин" required><br>
<input type="password" class="form-control" name="password" id="pass" placeholder="Введите пароль" required><br>
<button class="btn btn-success" name="do_login" type="submit">Авторизоваться</button>
</form>
<br>
<p>Если вы еще не зарегистрированы, тогда нажмите <a href="/signup.php">здесь</a>.</p>
<p>Вернуться на <a href="/index.php">главную</a>.</p>
</div>
</div>
</div>
<?php require __DIR__ . '/footer.php'; ?> <!-- Подключаем подвал проекта -->
Итоговый дизайн формы авторизации:

Формы будут обрабатываться с помощью метода POST. Обработка форм будет в файлах с формами.
5. Обработка формы регистрации
В файле “signup.php” после подключения файла с базой данных пишем код описанный ниже. Чтобы понять код читайте комментарии к нему. Листинг:
// Создаем переменную для сбора данных от пользователя по методу POST
$data = $_POST;
// Пользователь нажимает на кнопку "Зарегистрировать" и код начинает выполняться
if(isset($data['do_signup'])) {
// Регистрируем
// Создаем массив для сбора ошибок
$errors = array();
// Проводим проверки
// trim — удаляет пробелы (или другие символы) из начала и конца строки
if(trim($data['login']) == '') {
$errors[] = "Введите логин!";
}
if(trim($data['email']) == '') {
$errors[] = "Введите Email";
}
if(trim($data['name']) == '') {
$errors[] = "Введите Имя";
}
if(trim($data['family']) == '') {
$errors[] = "Введите фамилию";
}
if($data['password'] == '') {
$errors[] = "Введите пароль";
}
if($data['password_2'] != $data['password']) {
$errors[] = "Повторный пароль введен не верно!";
}
// функция mb_strlen - получает длину строки
// Если логин будет меньше 5 символов и больше 90, то выйдет ошибка
if(mb_strlen($data['login']) < 5 || mb_strlen($data['login']) > 90) {
$errors[] = "Недопустимая длина логина";
}
if (mb_strlen($data['name']) < 3 || mb_strlen($data['name']) > 50){
$errors[] = "Недопустимая длина имени";
}
if (mb_strlen($data['family']) < 5 || mb_strlen($data['family']) > 50){
$errors[] = "Недопустимая длина фамилии";
}
if (mb_strlen($data['password']) < 2 || mb_strlen($data['password']) > 8){
$errors[] = "Недопустимая длина пароля (от 2 до 8 символов)";
}
// проверка на правильность написания Email
if (!preg_match("/[0-9a-z_]+@[0-9a-z_^\.]+\.[a-z]{2,3}/i", $data['email'])) {
$errors[] = 'Неверно введен е-mail';
}
// Проверка на уникальность логина
if(R::count('users', "login = ?", array($data['login'])) > 0) {
$errors[] = "Пользователь с таким логином существует!";
}
// Проверка на уникальность email
if(R::count('users', "email = ?", array($data['email'])) > 0) {
$errors[] = "Пользователь с таким Email существует!";
}
if(empty($errors)) {
// Все проверено, регистрируем
// Создаем таблицу users
$user = R::dispense('users');
// добавляем в таблицу записи
$user->login = $data['login'];
$user->email = $data['email'];
$user->name = $data['name'];
$user->family = $data['family'];
// Хешируем пароль
$user->password = password_hash($data['password'], PASSWORD_DEFAULT);
// Сохраняем таблицу
R::store($user);
echo '<div style="color: green; ">Вы успешно зарегистрированы! Можно <a href="/login.php">авторизоваться</a>.</div><hr>';
} else {
// array_shift() извлекает первое значение массива array и возвращает его, сокращая размер array на один элемент.
echo '<div style="color: red; ">' . array_shift($errors). '</div><hr>';
}
}
Как видите наша регистрация безопасна на 100% т.к. есть множество различных проверок и хеширование пароля. Зарегистрировать двух пользователей с одинаковым логином и Email невозможно. Вы можете добавить и другие проверки при регистрации.
6. Обработка формы авторизации
В файле “login.php” после подключения файла с базой данных пишем код описанный ниже. Чтобы понять код читайте комментарии к нему. Листинг:
// Создаем переменную для сбора данных от пользователя по методу POST
$data = $_POST;
// Пользователь нажимает на кнопку "Авторизоваться" и код начинает выполняться
if(isset($data['do_login'])) {
// Создаем массив для сбора ошибок
$errors = array();
// Проводим поиск пользователей в таблице users
$user = R::findOne('users', 'login = ?', array($data['login']));
if($user) {
// Если логин существует, тогда проверяем пароль
if(password_verify($data['password'], $user->password)) {
// Все верно, пускаем пользователя
$_SESSION['logged_user'] = $user;
// Редирект на главную страницу
header('Location: index.php');
} else {
$errors[] = 'Пароль неверно введен!';
}
} else {
$errors[] = 'Пользователь с таким логином не найден!';
}
if(!empty($errors)) {
echo '<div style="color: red; ">' . array_shift($errors). '</div><hr>';
}
}
Про работу $_SESSION можно почитать в нашей статье “Cookie и отслеживание сеанса“.
7. Создание главного файла приложения
Все формы и обработчики форм мы написали, а теперь создадим главный файл где будет отображаться приветствие пользователя, когда он будет авторизован. Файл назовём“index.php”. Листинг:
<?php
$title="Главная страница"; // название формы
require __DIR__ . '/header.php'; // подключаем шапку проекта
require "db.php"; // подключаем файл для соединения с БД
?>
<div class="container mt-4">
<div class="row">
<div class="col">
<center>
<h1>Добро пожаловать на наш сайт!</h1>
</center>
</div>
</div>
</div>
<!-- Если авторизован выведет приветствие -->
<?php if(isset($_SESSION['logged_user'])) : ?>
Привет, <?php echo $_SESSION['logged_user']->name; ?></br>
<!-- Пользователь может нажать выйти для выхода из системы -->
<a href="/logout.php">Выйти</a> <!-- файл logout.php создадим ниже -->
<?php else : ?>
<!-- Если пользователь не авторизован выведет ссылки на авторизацию и регистрацию -->
<a href="/login.php">Авторизоваться</a><br>
<a href="/signup.php">Регистрация</a>
<?php endif; ?>
<?php require __DIR__ . '/footer.php'; ?> <!-- Подключаем подвал проекта -->
Критерии и шкала оценки практического задания/работы
отлично | студент самостоятельно и правильно решил учебно-профессиональную задачу, уверенно, логично, последовательно и аргументировано излагал свое решение, используя понятия дисциплины. |
хорошо | студент самостоятельно и в основном правильно решил учебно-профессиональную задачу, уверенно, логично, последовательно и аргументировано излагал свое решение, используя понятия дисциплины. |
удовлетворительно | студент в основном решил учебно-профессиональную задачу, допустил несущественные ошибки, слабо аргументировал свое решение, используя в основном понятия дисциплины. |
неудовлетворительно | ставится, если: студент не решил учебно-профессиональную задачу. |
4.4.Вопросы для промежуточной аттестации по дисциплинам и практикам модуля
МДК.В.01.01 Проектирование и разработка веб-приложений.
1. Основы php. Основы синтаксиса.
2. Основы php. Переменные. Типы данных.
3. Основы php. Условные конструкции.
4. Основы php. Циклы.
5. Основы php. Функции.
6. Основы php. Массивы.
7. Основы php. Классы и объекты.
8. Основы php. Конструкторы и деструкторы классов.
9. Основы php.Наследование.
10. Основы php. Интерфейсы объектов.
11. Основы php. Область видимости переменных. Статические классы.
12. Основы php. Перегрузка операторов.
13. Основы php.Объекты и ссылки.
14. Основы php. Сериализация объектов.
15. Основы php. Пространства имен.
16. Основы php. Ошибки. Исключения.
17. Основы php. Ссылки. Разъяснения.
18. Основы php. Предопределенные переменные. Предопределенные исключения.
19. Основы php.Встроенные интерфейсы и классы.
20. Основы php. Контекстные опции и параметры.
21. Основы php. Поддерживаемые протоколы и обработчики
22. Паттерны веб-программирования
23. Основные понятия паттерна Model-View-Controller
24. Контроллеры, действия (actions)
25. Вывод представления, шаблоны
26. Модели, работа с базой данных
27. ORM.
28. Миграции и модели.
29. Маршрутизации. Правила обработки запросов.
30. Методы HTTP запросов.
31. Ресурсные контроллеры.
32. Базовые CRUD операции.
МДК.В.01.02 Проектирование и разработка интерфейсов пользователя
Формат страниц. Понятие «лэндинг» страницы.
Шаблоны. Определение, назначение.
Формат страниц. Понятие «резиновый» дизайн.
Обязательные теги HTML. Пример
Контекстные, соседние, дочерние селекторы, группировка селекторов.
Псевдоклассы.
Теги блоков. Пример
сновные элементы, размещаемые на web-странице.
Перечислите модели организации web-сайта. Паутина.
Понятие баннера. Виды баннеров.
Каскадные таблицы стилей. Определение, назначение.
Представление цветов в документе.
История развития сервиса WWW.
Основные теги форматирования текста. Пример
Цветовые сочетания.
Понятие тегов и атрибутов HTML.
Работа с ячейками таблицы.
Структура сайта.
Работа с формой. Мета-теги.
Основные этапы разработки web-сайта. Вопросы, решаемые на каждом этапе.
Понятие Всемирная паутина.
Теги строки и столбца таблицы.
WYSIWYG редакторы для создания сайтов: популярные редакторы, их проблемы, их возможности. Сравнение.
Понятие текстур.
Классы стилей.
Понятие «плоский» дизайн.
Формат страниц. Понятие «панорамная» страница.
Структура HTML документа.
Создание линий. Вставка спецсимволов.
Блочная модель сайта (блочная верстка). Стили для блоков. Слои. Создание выпадающего меню.
Вложенные таблицы.
Теги для создания таблиц.
Вложенные шаблоны.
Поддержка и регулярные обновления (развитие) сайта.
Понятие Интернет.
Понятие хостинг. Виды хостинга.
Переопределение стиля в CSS.
Пространственные отношения.
Регистрация сайта в поисковых системах и тематических каталогах.
Теги и атрибуты CSS.
Способы описания стилевых описаний.
Тег вставки изображений. Пример
Перечислите модели организации web-сайта. Решетка.
Формы ввода данных. Теги для работы с формами.
Теги списков. Пример
Теги, используемые в «шапке» страницы. Пример
Перечислите модели организации web-сайта. Линейная модель.
Понятие web- страница.
Теги одиночные и контейнерные.
Назначение графического фона и задание цвета страницы.
Схемы наборов фреймов.
Ссылки. Типы ссылок.
Палитра.
Перечислите модели организации web-сайта. Иерархия.
Табличная верстка сайта
Тег заголовков. Пример
Понятие web-сервер. Виды серверов.
Создание стиля для всего сайта.
Язык разметки гипертекста HTML. Назначение и принцип работы.
Таблицы в HTML страницах. Способы применения.
Создание таблицы стилей для страницы.
Тег гиперссылки. Пример
Формат страниц. Понятие «фиксированный» дизайн.
МДК.В.01.03 Графический дизайн и мультимедиа
Области применения компьютерной графики.
Тенденции развития современных графических систем.
Требования к системам компьютерной графики.
Классификация систем компьютерной графики с точки зрения инвариантности относительно класса объекта проектирования.
Виды обеспечения систем компьютерной графики.
Функциональные возможности систем компьютерной графики инженерной направленности.
Системы координат, применяемые в компьютерной графике.
Технические средства компьютерной графики.
Форматы хранения графической информации.
Представление графической информации в системах растровой графики.
Преобразование графических объектов в системах растровой графики.
Программные системы растровой графики - преимущества и недостатки.
Представление графической информации в системах векторной графики.
Преобразование графических объектов в системах векторной графики.
Программные системы векторной графики - преимущества и недостатки.
Примитивы компьютерной графики.
Представление структуры и формы геометрических объектов.
2D моделирование в компьютерной графике.
3D моделирование в компьютерной графике
Параметризация в компьютерной графике.
Способы создания сборочного чертежа с помощью ЭВМ.
Процедуры преобразования геометрических моделей. Кадрирование, отсечение.
Способы представления реалистичных изображений.
История развития компьютерной графики
История развития графической системы персонального компьютера
Графика и компьютерная графика
Графические файлы
Графические модели
Физические и логические пиксели
Отображение цветов
Определение цвета с помощью палитры
Типы палитр
Цветовые модели. Цвет
Аддитивные цветовые модели
Субтрактивные цветовые модели
Перцепционные цветовые модели
Использование плашечных цветов
Цветовые модели повышенной точности
Наложение и прозрачность изображений
Векторные файлы
Структура векторных файлов
Преимущества и недостатки векторных файлов
Растровые файлы
Структура растрового файла
Заголовок растрового файла
Растровые данные
Организация данных в виде строк развертки
Организация данных в виде плоскостей
Преимущества и недостатки растровых файлов
Сетчатая (каркасная) модель
Достоинства и недостатки сетчатой модели
Фрактальная графика
Фрактальное сжатие
ПМ.В.01 Учебная практика и Производственная практика
Представление графической информации в системах векторной графики.
Отображение цветов
Типы палитр
Графика и компьютерная графика
Технические средства компьютерной графики.
Способы создания сборочного чертежа с помощью ЭВМ.
Векторные файлы
Заголовок растрового файла
Физическое и логическое сжатие
Структура векторных файлов
Преимущества и недостатки растровых файлов
Преобразование графических объектов в системах растровой графики.
2D моделирование в компьютерной графике.
Процедуры преобразования геометрических моделей. Кадрирование, отсечение.
Цветовые модели. Цвет
Фрактальная графика
Перцепционные цветовые модели
Использование плашечных цветов
Определение цвета с помощью палитры
Субтрактивные цветовые модели
Преобразование графических объектов в системах векторной графики.
Программные системы векторной графики - преимущества и недостатки.
Графические модели
Параметризация в компьютерной графике.
Сжатие с потерями и без потерь. Симметричное и асимметричное сжатие.
История развития компьютерной графики
Форматы хранения графической информации.
Организация данных в виде плоскостей
Кодирование по алгоритму Хаффмана
История развития графической системы персонального компьютера
Растровые данные
Примитивы компьютерной графики.
Классификация систем компьютерной графики с точки зрения инвариантности относительно класса объекта проектирования.
Физические и логические пиксели
Наложение и прозрачность изображений
Способы представления реалистичных изображений.
Сжатие с потерями JPEG
Аддитивные цветовые модели
Представление структуры и формы геометрических объектов.
Функциональные возможности систем компьютерной графики инженерной направленности.
Представление графической информации в системах растровой графики.
Фрактальное сжатие
Прикладные программы создания и редактирования векторных изображений
Прикладные программы создания и редактирования растровых изображений
Программные системы растровой графики - преимущества и недостатки.
Графические файлы
Сжатие данных
Этапы сжатия JPEG.
Виды обеспечения систем компьютерной графики.
Преимущества и недостатки векторных файлов
Структура растрового файла
Области применения компьютерной графики.
Организация данных в виде строк развертки
Сетчатая (каркасная) модель
Требования к системам компьютерной графики.
Достоинства и недостатки сетчатой модели
3D моделирование в компьютерной графике
Системы координат, применяемые в компьютерной графике.
Цветовые модели повышенной точности
Тенденции развития современных графических систем.
4.5.Ситуационные задачи для промежуточной аттестации
Ситуационная задача 1. Выведите на экран одна за другой четыре строки: 'Всем ', 'привет ', 'от ', 'PHP!<br><br>', используя для этого только один оператор echo. После данной инструкции напишите два однострочных комментария: 'Для вывода слов на разных строках мы используем элемент "br", т.е разрыв строки' и 'Переменные выводимые оператором echo перечисляются через запятую'. Далее измените код первой части так, чтобы слова после вывода на экран находились на разных строках. В самом конце нашего кода напишите многострочный комментарий: 'После каждой инструкции мы будем ставить точку с запятой даже, если инструкция является последней в блоке php-кода'.
Решение:
<?php
echo “Всем”<br>
“привет” <br>
“от” <br> “PHP!”; //'Для вывода слов на разных строках мы используем элемент "br", т.е разрыв строки
//'Переменные выводимые оператором echo перечисляются через запятую
/*'После каждой инструкции мы будем ставить точку с запятой даже, если инструкция является последней в блоке php-кода'.*/
?>
Ситуационная задача 2. Создайте переменную, присвойте ей число 5 и выведите его на экран. Создайте вторую переменную, присвойте ей число 10 и выведите его на экран. Выведите на экран сумму, разность, произведение и частное от деления значения первой переменной на значение второй переменной. Присвойте сумму значений этих двух переменных третьей и выведите итог на экран. Теперь увеличьте текущее значение третьей переменной на величину значения второй переменной и выведите его на экран. И, наконец, увеличьте текущее значение третьей переменной в два раза и выведите его на экран.
Решение:
<?php
$a = 5;
Echo $a;
$b = 10$;
Echo $b;
Echo $a+$b;
Echo $a-$b;
Echo $a*$b;
Echo $a/$b;
$t = $a+$b;
Echo $t;
$t= $t+$b;
Echo $t;
?>
Ситуационная задача 3. Восстановите по комментариям php-код условия.
<?php
/* Присвоение переменной по значению. После каждой операции старайтесь смотреть результат в браузере, используя для вывода оператор echo */
//Присвоили переменной $a число 15
//Присвоили переменной $b переменную $a, теперь $b==$a==15
//Изменили значение переменной $b на 'new', при этом
//значение переменной $a не изменилось ($a==15)
//Опять присвоили переменной $b переменную $a, теперь $b==15
//Изменили значение переменной $a на 'sos', при этом
//значение переменной $b не изменилось ($b==15)
/* Таким образом, переменная, присвоенная по значению, не зависит от
переменной, которой она была присвоена */
?>
Решение:
<?php
/* Присвоение переменной по ссылке. После каждой операции старайтесь
смотреть результат в браузере, используя для вывода оператор echo */
//Инициализировали переменную $c присвоив ей значение 10
$c=10;
//Присвоили по ссылке переменной $b переменную $c, теперь $b==$c==5.
$b=&$c;
//Изменили значение переменной $b на 'new_2', теперь
//$b=='new_2' и $c также равна 'new_2'
$b='new_2';
//Изменили значение переменной $c на число 20, теперь
//$c==20 и $b также изменилась ($b==20)
$c=20;
/* Таким образом, можно сказать, что переменная, присвоенная по ссылке,
просто является псевдонимом переменной, которой она была присвоена */
?>
Ситуационная задача 4. Создайте переменную $a и присвойте ей значение 20. Создайте переменную $b и присвойте ей значение 10. Теперь создайте переменную $car и присвойте ей строку с именем первой переменной. Выведите на экран ${$car}. Создайте еще одну переменную $track и присвойте ей строку с именем второй переменной. Выведите на экран ${$track}.
Решение:
<?php
//Переменные переменных
//Присвоили переменной $a количество 20
$a=20;
//Присвоили переменной $b количество 10
$b=10;
//Присвоили переменной $car в качестве значения
//строку с именем первой переменной
$car='a';
echo 'Количество проданных машин: ', ${$car}, '.<br>';
//Присвоили переменной $track в качестве значения
//строку с именем второй переменной
$track='b';
echo 'Количество проданных грузовиков: ', ${$track}, '.';
?>
Ситуационная задача 5. Создайте две константы, использовав для этого функцию define() и служебное слово const. Выведите их значения на экран. Создайте пользовательскую функцию, которая будет создавать константу в локальной области видимости этой функции. Получится ли создать константу при помощи служебного слова const? Осуществите вызов созданной функции. Выведите значение константы, созданной после вызова функции, на экран. Вызовите функцию еще раз. Объясните результат.
Решение:
<?php
//Создание констант
//Создаем числовую константу
define('a', 7);
//Создаем строковую константу
const b='string';
//Выводим на экран
echo 'Значение константы a равно ', a, '<br>';
echo 'Значение константы b равно ', b, '<br>';
//Создаем пользовательскую функцию
function m_func(){
//Создаем константу в локальной области видимости
define('d', 'like');
//А вот так делать запрещено
//const m='like';
}
//Вызываем функцию, которая создает константу d
m_func();
//Выводим значение константы d на экран
echo d;
/* При повторном вызове функции будет выведено предупреждение
о том, что такая константа уже создана */
?>
Ситуационная задача 6. Создайте переменную $m_1 и присвойте ей массив, созданный при помощи конструкции array() и содержащий два элемента с ключами 'фрукты' и 'овощи' и соответствующими значениями 'апельсины' и 'помидоры'. Выведите на экран значение элемента массива с ключем 'фрукты'. Проделайте все тоже самое, но использовав переменную $m_2 и создав массив при помощи синтаксиса квадратных скобок.
Решение:
<?php
// Создали одномерный массив с двумя элементами и присвоили его переменной
$m_1=array(
'фрукты'=>'апельсины',
'овощи'=>'помидоры'
); //Не забываем про точку с запятой!
//Выведет строку 'апельсины'
echo $m_1["фрукты"]."<br>";
// Создали одномерный массив при помощи квадратных скобок
$m_2=[
'фрукты'=>'апельсины',
'овощи'=>'помидоры'
];
//Выведет строку 'апельсины'
echo $m_2["фрукты"]."<br>";
?>
Критерии и шкала оценки решения ситуационных задач
отлично | студент свободно, с глубоким знанием материала правильно и полно решил ситуационную задачу (выполнил все задания, правильно ответил на все поставленные вопросы); |
хорошо | студент достаточно убедительно, с незначительными ошибками в теоретической подготовке и достаточно освоенными умениями по существу правильно ответил на вопросы или допустил небольшие погрешности в решении |
удовлетворительно | студент недостаточно уверенно, с существенными ошибками в теоретической подготовке и плохо освоенными умениями ответил на вопросы ситуационной задачи; с затруднениями, но все же сможет при необходимости решить подобную ситуационную задачу на практике |
неудовлетворительно | студент имеет очень слабое представление о предмете и допустил существенные ошибки в ответе на большинство вопросов ситуационной задачи, неверно отвечал на дополнительно заданные ему вопросы, не может справиться с решением подобной задачи на практике. |
Критерии и шкала оценки для промежуточной аттестации
отлично | 1) студент полно излагает материал, дает правильное определение основных понятий; 2) обнаруживает понимание материала, может обосновать свои суждения, применить знания на практике, привести необходимые примеры не только из учебника, но и самостоятельно составленные; 3) излагает материал последовательно и правильно с точки зрения норм литературного языка. 4) ситуационная задача решена правильно |
хорошо | студент дает ответ, удовлетворяющий тем же требованиям, что и для отметки «отлично», ситуационная задача решена, но допускает 1–2 ошибки, которые сам же исправляет, и 1–2 недочета в последовательности и языковом оформлении излагаемого. |
удовлетворительно | студент обнаруживает знание и понимание основных положений данной темы, но: 1) излагает материал неполно и допускает неточности в определении понятий или формулировке правил; 2) не умеет достаточно глубоко и доказательно обосновать свои суждения и привести свои примеры; 3) излагает материал непоследовательно и допускает ошибки в языковом оформлении излагаемого. 4) ситуационная задача решена не правильно |
неудовлетворительно | студент обнаруживает незнание большей части соответствующего вопроса, допускает ошибки в формулировке определений и правил, искажающие их смысл, беспорядочно и неуверенно излагает материал. Ситуационная задача не решена Оценка «неудовлетворительно» отмечает такие недостатки в подготовке, которые являются серьезным препятствием к успешному овладению последующим материалом. |
5. Контрольно-оценочные материалы для экзамена (квалификационного)
5.1. Комплект материалов для оценки сформированности общих и профессиональных компетенций по виду профессиональной деятельности с использованием практических заданий
ЗАДАНИЯ ДЛЯЭКЗАМЕНУЮЩИХСЯ № ___, количество вариантов_5_ Оцениваемые компетенции: ДПК 1.1. Разрабатывать техническое задание на веб-приложение в соответствии с требованиями заказчика. ДПК 1.2. Разрабатывать веб-приложение в соответствии с техническим заданием. ДПК 1.3. Реализовывать мероприятия по продвижению веб-приложений в сети Интернет. ДПК 1.4 Осуществлять разработку дизайна веб-приложения с учетом современных тенденций в области веб-разработки. ОК 01. Выбирать способы решения задач профессиональной деятельности, применительно к различным контекстам. ОК 02. Использовать современные средства поиска, анализа и интерпретации информации и информационные технологии для выполнения задач профессиональной деятельности. ОК 03. Планировать и реализовывать собственное профессиональное и личностное развитие, предпринимательскую деятельность в профессиональной сфере, использовать знания по финансовой грамотности в различных жизненных ситуациях. ОК 04. Эффективно взаимодействовать и работать в коллективе и команде. ОК 05. Осуществлять устную и письменную коммуникацию на государственном языке Российской Федерации с учетом особенностей социального и культурного контекста. ОК 06. Проявлять гражданско-патриотическую позицию, демонстрировать осознанное поведение на основе традиционных общечеловеческих ценностей, в том числе с учетом гармонизации межнациональных и межрелигиозных отношений, применять стандарты антикоррупционного поведения. ОК 07. Содействовать сохранению окружающей среды, ресурсосбережению, применять знания об изменении климата, принципы бережливого производства, эффективно действовать в чрезвычайных ситуациях. ОК 08. Использовать средства физической культуры для сохранения и укрепления здоровья в процессе профессиональной деятельности и поддержания необходимого уровня физической подготовленности. ОК 09. Пользоваться профессиональной документацией на государственном и иностранном языках. Условия выполнения задания 1. Последовательность выполнения по очередности, указанной в билете. 2. Место (время) выполнения задания на рабочем месте в Студии «Инженерной и компьютерной графики» и «Разработки дизайна веб-приложений»(ауд.314, 316) 3. Максимальное время выполнения задания:60 мин. на одного обучающегося 4. Можно воспользоваться ПК, информационными базами данных и литературой, указанных в рабочей программе Вариант № _1_
Задание 2. Создайте переменную $m_1 и присвойте ей массив, состоящий из двух элементов (ключи не указывайте). Выведите на экран значение второго элемента массива (не забываем, что нумерация элементов массива начинается с нуля). Добавьте в массив третий элемент, также не указывая его ключ. Выведите его значение на экран. Добавьте в массив еще один элемент, указав в качестве ключа число 5. Выведите его значение на экран. Задание №3. Создайте массив с двумя элементами. Измените значение первого элемента и выведите его на экран. Добавьте в массив еще один элемент в виде пустой строки и выведите его на экран. Добавьте в качестве нового элемента массива другой массив с тремя элементами и выведите на экран значение второго элемента этого массива. Вариант № _2_ Задание 1. Язык гипертекстовой разметки страниц HTML: общая структура документа, абзацы, цвета, ссылки. Задание 2. Создайте массив с двумя элементами. Измените значение первого элемента и выведите его на экран. Добавьте в массив еще один элемент в виде пустой строки и выведите его на экран. Добавьте в качестве нового элемента массива другой массив с тремя элементами и выведите на экран значение второго элемента этого массива. Задание №3. Создайте переменную $a и присвойте ей стартовое значение 0. Создайте переменную $b и присвойте ей выражение, состоящее из префиксного оператора инкремента и переменной $a. Выведите новое значение переменной $b и значение переменной $a на экран. Верните переменной стартовое значение, после чего проделайте тоже самое, но использовав постфиксный оператор инкремента. Объясните полученный результат. Для закрепления проделайте все тоже самое, но уже с префиксным и постфиксным операторами декремента. Вариант № 3 Задание 1. Язык гипертекстовой разметки страниц HTML: списки, графика (графические форматы, графический объект как ссылка), таблицы, фреймы. Задание 2. Создайте переменную $a и присвойте ей стартовое значение 0. Создайте переменную $b и присвойте ей выражение, состоящее из префиксного оператора инкремента и переменной $a. Выведите новое значение переменной $b и значение переменной $a на экран. Верните переменной стартовое значение, после чего проделайте тоже самое, но использовав постфиксный оператор инкремента. Объясните полученный результат. Для закрепления проделайте все тоже самое, но уже с префиксным и постфиксным операторами декремента. Задание №3. Создайте переменную $a и присвойте ей строку 'Ну, ты и '. Измените значение переменной, присоединив к строке еще одну строку 'фрукт!'. Используйте для этого комбинированный оператор присваивания с конкатенацией. Выведите новое значение на экран. Приложение 1 Вопросы, выносимые на квалификационный экзамен
Ситуационные задачи, выносимые на квалификационный экзамен Ситуационная задача 1 Создайте переменную $m_1 и присвойте ей массив, состоящий из двух элементов (ключи не указывайте). Выведите на экран значение второго элемента массива (не забываем, что нумерация элементов массива начинается с нуля). Добавьте в массив третий элемент, также не указывая его ключ. Выведите его значение на экран. Добавьте в массив еще один элемент, указав в качестве ключа число 5. Выведите его значение на экран. Решение: <?php
//Присвоили переменной массив с двумя элементами $m_1=[56, 33]; //Выведет 33 echo $m_1[1]."<br>";
//Добавили в массив еще один элемент $m_1[]=10; //Выведет 10 echo $m_1[2]."<br>";
//Добавили в массив элемент с ключем 5 $m_1[5]=50; //Выведет 50 echo $m_1[5]."<br>";
?> Ситуационная задача 2 Создайте массив с двумя элементами. Измените значение первого элемента и выведите его на экран. Добавьте в массив еще один элемент в виде пустой строки и выведите его на экран. Добавьте в качестве нового элемента массива другой массив с тремя элементами и выведите на экран значение второго элемента этого массива. Решение: <?php
//Присвоили переменной массив с двумя элементами $m_4=[10, 20];
//Изменили первый элемент массива $m_4[0]=30; //Выведет 30 echo $m_4[0]."<br>";
//Добавили в качестве элемента массива пустую строку $m_4[]=''; //Выведет пустую строку, т.е. элемент существует echo $m_4[2]."<br>";
//Добавили элемент, который сам является массивом $m_4[]=[5,7,9]; //Выведет 7 echo $m_4[3][1]."<br>";
?> Ситуационная задача 3 Создайте массив с двумя элементами. Измените значение первого элемента и выведите его на экран. Добавьте в массив еще один элемент в виде пустой строки и выведите его на экран. Добавьте в качестве нового элемента массива другой массив с тремя элементами и выведите на экран значение второго элемента этого массива. Решение: <?php
//Присвоили переменной массив с 4 элементами $m_5=[1,2,3,4];
//Удалили первый элемент массива unset($m_5[0]); //Выведет ошибку, т.к. элемента больше не существует echo $m_5[0]."<br>";
//Удалили последние два элемента массива unset($m_5[2], $m_5[3]); //Выведет ошибку, т.к. элемента больше не существует echo $m_5[3]."<br>";
//Добавили элемент, который сам является массивом $m_5[]=[5,7]; //Удалили первый элемент массива, который сам является элементом массива unset($m_5[4][0]);
//Выведет ошибку, т.к. элемента больше не существует echo $m_5[4][0]."<br>"; //Выведет 7 echo $m_5[4][1]."<br>";
/* Обратите внимание, что после удаления последних элементов массива и добавлении нового, ему присвоился ключ 4, а не 1, т.е. ключи 1,2,3 удаленных элементов остались зарезервированы интерпретатором */
?> Ситуационная задача 4 Создайте переменную $a и присвойте ей стартовое значение 0. Создайте переменную $b и присвойте ей выражение, состоящее из префиксного оператора инкремента и переменной $a. Выведите новое значение переменной $b и значение переменной $a на экран. Верните переменной стартовое значение, после чего проделайте тоже самое, но использовав постфиксный оператор инкремента. Объясните полученный результат. Для закрепления проделайте все тоже самое, но уже с префиксным и постфиксным операторами декремента. самое, но уже с префиксным и постфиксным операторами декремента. Решение: <?php
//Присвоили стартовое значение $a=0; //Увеличили значение $a на единицу, затем присвоили его $b $b=++$a; //Выведет 1 echo $b.'<br>'; //Выведет 1 echo $a.'<br>';
//Возвращаем стартовое значение $a=0; //Присвоили $b значение $a, затем увеличили значение $a на единицу $b=$a++; //Выведет 0 echo $b.'<br>'; //Выведет 1 echo $a.'<br>';
//Возвращаем стартовое значение $a=0; //Уменьшили значение $a на единицу, затем присвоили его $b $b=--$a; //Выведет -1 echo $b.'<br>'; //Выведет -1 echo $a.'<br>';
//Возвращаем стартовое значение $a=0; //Присвоили $b значение $a, затем уменьшили значение $a на единицу $b=$a--; //Выведет 0 echo $b.'<br>'; //Выведет -1 echo $a.'<br>';
?> Ситуационная задача 5 Создайте переменную $a и присвойте ей строку 'Ну, ты и '. Измените значение переменной, присоединив к строке еще одну строку 'фрукт!'. Используйте для этого комбинированный оператор присваивания с конкатенацией. Выведите новое значение на экран. Решение: <?php
//Присвоили начальную строку $a='Ну, ты и ';
//Что равнозначно $a=$a.'фрукт!'; $a.='фрукт!'; echo $a.'<br>';
/* Не забываем, что в PHP строки конкатенируются при помощи оператора 'точка' */
?> Ситуационная задача 6 Ниже представлен код html-страницы, а также внешний вид страницы при отображении ее браузером. К странице подключена внешняя таблица стилей, код которой нужно восстановить. Используйте селекторы по идентификатору, классу и атрибуту, а также свойства color (значения цвета red, blue и green), width (ширину абзаца установите в 300px) и font-weight (используйте для насыщенности шрифта значение bold). |
<!DOCTYPE html> <html> <head> <metacharset="utf-8"> <title>Задача №3.1</title> <linkrel="stylesheet"href="/css/styles_1.css"> </head> <body>
<pid="p_1"> Первая красная строчка абзаца.<br> <spanclass="s_1 s_2"> Синийжирный «span».</span><br> <spantitle="Селекторатрибута">Зеленый «span».</span><br> </p>
</body> </html> Решение: HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Задача №3.1</title> <link rel="stylesheet" href="/css/styles_1.css"> </head> <body>
<p id="p_1"> Первая красная строчка абзаца.<br> <span class="s_1 s_2"> Синийжирный «span».</span><br> <span title="Селекторатрибута">Зеленый «span».</span><br> </p>
</body> </html> CSS: #p_1{ color: red; width: 300px; }
.s_1{ color: blue; }
.s_2{ font-weight: bold; }
span[title*="Сел"]{ color: green; } |
Ситуационная задача 7 Решите несколько примеров на перевод одних единиц измерения в другие. При этом будем считать, что область просмотра окна браузера имеет размеры 1000х800 пикселей (ширина и высота), а размер шрифта по умолчанию составляет 16px.
1. Переведите 17in ⇨ cm (дюймы в сантиметры).
2. Переведите 1.7em ⇨ px
3. Переведите 70vw ⇨ px.
4. Переведите 20% от высоты области просмотра окна браузера в пиксели.
5. Переведите 35deg ⇨ rad (градусы в радианы)
6. Переведите 2.3rad ⇨ deg (радианы в градусы).
7. Переведите 2.3turn ⇨ deg (обороты в градусы)
Решение:
1. 17in = 17x2.54cm = 43.18cm.
2. 1.7em = 1.7x16px = 27.2px.
3. 70vw = 1000x0.7px = 700px.
4. 800x0.2px = 160px.
5. 35deg ≈ 35x0,01745rad ≈ 0.61075rad.
6. 2.3rad ≈ 2.3x57,296deg ≈ 131.7808deg.
7. 1.5rad = 2.3x360deg = 828deg.
. Ситуационная задача 8 Ниже представлен код html-страницы, а также внешний вид страницы при отображении ее браузером. К странице подключена внешняя таблица стилей, код которой нужно восстановить. Для установки фонов используйте свойство background-color и значения yellow и violet. Ширину универсального блока <div> установите в 500px, высоту – в 400px. Ширину дочерних абзацев установите в 70%, высоту – в 50%. Также задайте для первого абзаца минимально допустимую ширину в 400px, минимально допустимую высоту в 150px. Для второго абзаца задайте максимально допустимую ширину в 400px, максимально допустимую высоту в 150px. Для решения задачи используйте свойства для определения размеров элементов max-height, max-width, min-height и min-width. Рассчитайте конечные размеры абзацев в пикселях и объясните свое решение.
<!DOCTYPE html> <html> <head> <metacharset="utf-8"> <title>Задача №11.2</title> |
<linkrel="stylesheet"href="/css/styles_1.css"> </head> <body>
<div>
<pclass="p_1"> Рассчитайте конечные размеры абзацев в пикселях и объясните свое решение. </p>
<p class="p_2"> Рассчитайте конечные размеры абзацев в пикселях и объясните свое решение. </p>
</div>
</body> </html> Решение: HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Задача №11.2</title> <link rel="stylesheet" href="/css/styles_1.css"> </head> <body>
<div>
<p class="p_1"> Ширина абзаца равна (500/100)*70px=350px,<br> что меньше минимально допустимого значения,<br> поэтому ширина примет минимально допустимое<br> значение и будет равна 400px.<br><br>
Высота абзаца равна (400/100)*50px=200px,<br> что больше минимально допустимого значения,<br> поэтому высота будет равна 200px. </p>
<p class="p_2"> Ширина абзаца равна (500/100)*70px=350px,<br> что меньше максимально допустимого значения,<br> поэтому ширина будет равна 350px.<br><br>
Высота абзаца равна (400/100)*50px=200px,<br> что больше максимально допустимого значения,<br> поэтому высота примет максимально допустимое<br> значение и будет равна 150px. </p>
</div>
</body> </html> CSS:
div{ width: 500px; height: 400px; background-color: yellow; }
p{ width: 70%; height: 50%; background-color: violet; }
.p_1{ min-width: 400px; min-height: 150px; }
.p_2{ max-width: 400px; max-height: 150px; } |
Ситуационная задача 9 Ниже представлен код html-страницы, а также внешний вид страницы при отображении ее браузером. К странице подключена внешняя таблица стилей, код которой нужно восстановить. Для таблицы внешние отступы (margin) установите в 3em, для заголовка таблицы внешний отступ снизу (margin-bottom) установите в 0.2em, для ячеек таблицы внутренние отступы (padding) установите в 0.5em. Границы таблицы и ячеек установите через сокращенное свойство для границ. Для ссылок используйте отдельные свойства для установки нижних границ, но ширину нижней границы укажите в одном стиле сразу для всех ссылок в таблице. Не забудьте отменить подчеркивание ссылок, чтобы у них визуально не отображались сразу две линии подчеркивания. Для решения задачи используйте свойства для определения параметров границ border, border-bottom-width, border-bottom-style, border-bottom-color.
<!DOCTYPE html> <html> <head> <metacharset="utf-8"> <title>Задача №12.1</title> <linkrel="stylesheet"href="/css/styles_1.css"> |
</head> <body>
<table>
<caption>Таблицассылок</caption>
<tr> <th>Ссылка №</th> <th>Цветссылки</th> <th>Стильссылки</th> </tr>
<tr> <td><ahref="/"id="first">Ссылка №1</a></td> <td>Оранжевый</td> <td>Пунктирная</td> </tr>
<tr> <td><ahref="/"id="second">Ссылка №2</a></td> <td>Зеленый</td> <td>Точечная</td> </tr>
</table>
</body> </html> Решение: HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Задача №12.1</title> <link rel="stylesheet" href="/css/styles_1.css"> </head> <body>
<table>
<caption>Таблицассылок</caption>
<tr> <th>Ссылка №</th> <th>Цветссылки</th> <th>Стильссылки</th> </tr>
<tr> <td><a href="/" id="first">Ссылка №1</a></td> <td>Оранжевый</td> <td>Пунктирная</td> </tr>
<tr> <td><a href="/" id="second">Ссылка №2</a></td> <td>Зеленый</td> <td>Точечная</td> </tr>
</table>
</body> </html> CSS: table{ margin: 3em; border-collapse: collapse; border: 1px solid black; }
caption{ text-align: left; margin-bottom: 0.2em; }
th,td{ padding: 0.5em; border: 1px solid black; }
td a{ text-decoration: none; border-bottom-width: 1px; }
a#first{ color: orange; border-bottom-style: dashed; border-bottom-color: orange; }
a#second{ color: green; border-bottom-style: dotted; border-bottom-color: green; } |
Ситуационная задача 10 Ниже представлен код html-страницы, а также внешний вид страницы при отображении ее браузером. К странице подключена внешняя таблица стилей, код которой нужно восстановить. Для блока внешние отступы (margin) установите в auto, а верхний отступ (margin-top) в 7em. Ширину и высоту установите в 60px. Границы не устанавливайте, однако задайте скругление углов в 30px. Для установки теней используйте свойство box-shadow, задав нулевые смещения и размытие, но установив им растяжение в 30px, 60px и 90px.
<!DOCTYPE html> <html> <head> <metacharset="utf-8"> <title>Задача №12.3</title> <linkrel="stylesheet"href="/css/styles_1.css"> </head> <body>
<div></div>
</body> </html> |
Решение:
HTML:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Задача №12.3</title>
<link rel="stylesheet" href="/css/styles_1.css">
</head>
<body>
<div></div>
</body>
</html>
Css:
div{
width: 60px;
height: 60px;
margin: auto;
margin-top: 7em;
border-radius: 30px;
box-shadow: 0px 0px 0px 30px blue,
0px 0px 0px 60px green,
0px 0px 0px 90px red;
}
Р
5.2. Комплект материалов для оценки сформированности общих и профессиональных компетенций по виду профессиональной деятельности с использованием портфолио
не предусмотрено
5.3. Комплект материалов для оценки сформированности общих и профессиональных компетенций по виду профессиональной деятельности в форме защиты курсового проекта(работы)
(не предусмотрено учебным планом)
50
Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/542637-komplekt-kontrolno-ocenochnyh-materialov-dlja
БЕСПЛАТНО!
Для скачивания материалов с сайта необходимо авторизоваться на сайте (войти под своим логином и паролем)
Если Вы не регистрировались ранее, Вы можете зарегистрироваться.
После авторизации/регистрации на сайте Вы сможете скачивать необходимый в работе материал.
- «Метод проектов в ДОУ: особенности организации учебно-воспитательного процесса по ФГОС ДО»
- «Методы исследования и оценки в деятельности специалиста по работе с молодёжью»
- «Теоретические и практические аспекты работы с детьми с расстройствами аутистического спектра»
- «Основные аспекты социальной работы с бездомными людьми»
- «Специфика работы с травмой и посттравматическим стрессовым расстройством (ПТСР) у несовершеннолетних»
- «Математическая грамотность: особенности работы по развитию функциональной грамотности у обучающихся»
- Педагог-организатор: проектирование и реализация воспитательной деятельности в образовательной организации
- Педагогика и методика преподавания биологии в образовательной организации
- Музыкальное развитие и воспитание в дошкольном образовании
- Основы реабилитационной работы в социальной сфере
- Теория и методика преподавания физики и астрономии в образовательной организации
- Педагог-библиотекарь в образовательной организации

Чтобы оставлять комментарии, вам необходимо авторизоваться на сайте. Если у вас еще нет учетной записи на нашем сайте, предлагаем зарегистрироваться. Это займет не более 5 минут.