Охрана труда:
нормативно-правовые основы и особенности организации
Обучение по оказанию первой помощи пострадавшим
Аккредитация Минтруда (№ 10348)
Подготовьтесь к внеочередной проверке знаний по охране труда и оказанию первой помощи.
Допуск сотрудника к работе без обучения или нарушение порядка его проведения
грозит организации штрафом до 130 000 ₽ (ч. 3 статьи 5.27.1 КоАП РФ).
Повышение квалификации

Свидетельство о регистрации
СМИ: ЭЛ № ФС 77-58841
от 28.07.2014

Почему стоит размещать разработки у нас?
  • Бесплатное свидетельство – подтверждайте авторство без лишних затрат.
  • Доверие профессионалов – нас выбирают тысячи педагогов и экспертов.
  • Подходит для аттестации – дополнительные баллы и документальное подтверждение вашей работы.
Свидетельство о публикации
в СМИ
свидетельство о публикации в СМИ
Дождитесь публикации материала и скачайте свидетельство о публикации в СМИ бесплатно.
Диплом за инновационную
профессиональную
деятельность
Диплом за инновационную профессиональную деятельность
Опубликует не менее 15 материалов в методической библиотеке портала и скачайте документ бесплатно.
27.06.2023

Комплект контрольно-оценочных материалов для оценки результатов освоения ПМ.02 Проектирование, разработка и оптимизация веб-приложений для специальности 09.02.07. Информационные системы и программирование

Комплект оценочных материалов предназначен для проверки результатов освоения профессионального модуля (далее – ПМ) основной профессиональной образовательной программы (далее – ОПОП) по специальности (специальностям) СПО ПМ.02 Проектирование, разработка и оптимизация веб-приложений, в части овладения видом профессиональной деятельности (ВПД): Программист.

Содержимое разработки

Разработчик(и):

АНО ВО СКСИ

Преподаватель кафедры прикладной информатики и математики

А.А. Сапрунова

Эксперты от работодателя:

ООО НПО «Профтек» директор А.П. Олифиренко

ООО «Ставаналит» директор А.Ю. Хороненко

СОДЕРЖАНИЕ

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. Область применения

Комплект оценочных материалов предназначен для проверки результатов освоения профессионального модуля (далее – ПМ) основной профессиональной образовательной программы (далее – ОПОП) по специальности (специальностям) СПО ПМ.02 Проектирование, разработка и оптимизация веб-приложений, в части овладения видом профессиональной деятельности (ВПД): Программист.

Комплект оценочных материалов позволяет оценить:

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. Использовать информационные технологии в профессиональной деятельности.

Учебная практика:

  • Вводная лекция (2 часа);

  • Подготовка плана практики (2 часа);

  • Выполнение индивидуального задания на практику (всего 60 часов по основному, экспериментальному этапу практики);

  • Подготовка документов и материалов по практике (4 часа);

  • Написание отчета по практике (8 часов).

Производственная практика:

  • Инструктаж по технике безопасности (2 час);

  • Вводная лекция (2 час);

  • Подготовка плана практики (2 час);

  • Выполнение индивидуального задания на практику (всего 114 часов по основному, экспериментальному этапу практики):

  • Подготовка документов и материалов по практике (10 часов);

  • Написание отчета по практике (14 часов).

Отчет по практике;

Экзаменационная ведомость

4. Задания для оценки освоения умений и усвоения знаний

4.1 Вопросы для устного опроса (текущая аттестация по дисциплинам модуля)

МДК.В.01.01 Проектирование и разработка веб-приложений.

  1. Основные различия протоколов

  2. Что такое Http протоколы

  3. Какие методы существуют

  4. Работа с переменными в php службе технической поддержки.

  5. Работа с операциями в php

  6. Работа с условным оператором в php

  7. Работа с циклами в php

  8. Работа с функциями в php

  9. Работа с классами в php

  10. Наследование в php

  11. Работа с интерфейсами в php

  12. Обработка ошибок в php

  13. Работа с предопределенными элементами в php

  14. Создание html-страницы средствами php

  15. Обработка запросов страницы

  16. Обработка запросов к серверу на php

  17. Загрузка и анализ содержимого веб-страниц на PHP

  18. Работа с графическими функциями на PHP

  19. Работа с файлами в PHP

  20. Обработка данных на форме

  21. Организация поддержки базы данных в PHP

  22. Взаимодействие серверных веб-приложений с БД

  23. Сессии. Ограничение доступа к содержимому страниц.

  24. Работа с Cookie

  25. Работа с датой и временем.

  26. Работа с регулярными выражениями

  27. Работа с почтой

  28. Валидация данных.

  29. Составление схем XML-документов

  30. Отображение XML-документов различными способами

  31. Разработка Web-приложения с помощью XML

  32. Использование языка сценариев JavaScript при создании web-сайта Размещение сценариев в HTML-документе

  33. JavaScript. Работа с событиями

  34. JavaScript. Работа с формами

  35. JavaScript. Работа с изображениями

  36. Применение технологии AJAX

  37. Использование библиотеки jQuery

  38. Отладка и тестирование сайта

  39. Администрирование сайта

  40. Публикация сайта на бесплатном хостинге

МДК.В.01.02Проектирование и разработка интерфейсов пользователя

  1. Основные программы для просмотра веб-страниц.

  2. Что такое веб-страница?

  3. Приведите пример веб-сервера?

  4. Этапы разработки веб-сайта.

  5. Работы, выполняемые на этапе планирования и реализации веб-сайта.

  6. Размещение веб-сайта в сети интернет.

  7. Выбор сервера под веб-сайт

  8. Какие стандартные элементы веб-страницы?

  9. Функциональное назначение основных элементов.

  10. Основные модели организации сайта?

  11. Иерархическая модель.

  12. Алгоритм подбора структуры сайта

  13. Сколько файлов нужно сохранить при создании web-страницы, состоящей из трех фреймов?

  14. Как создается бегущая строка?

  15. Как в приложении создается гиперссылка?

  16. Какие объекты web-страницы могут быть гиперссылками?

  17. Назначение и функциональные возможности приложения.

  18. Какие режимы отображения web-страницы имеются?

  19. Что собой представляет фреймовая структура web-страницы?

  20. Основные атрибуты фреймовой страницы.

МДК.В.01.03Графический дизайн и мультимедиа

  1. Основные понятия в компьютерной графике.

  1. Виды компьютерной графики.

  2. Физические основы компьютерной графики.

  3. Форматы графических файлов.

  4. Графический пользовательский интерфейс

  5. Сущность и особенности векторной графики.

  6. Векторный метод.

  7. Достоинства векторной графики.

  8. Недостатки векторной графики.

  9. Программные средства векторной графики для разработки мультимедийного контента

  10. Работа со звуком. Современные программные средства обработки звука.

  11. Работа со звуком. Современные аппаратные средства обработки звука.

  12. Растровая графика и ее особенности.

  13. Фрактальная графика.

  14. Достоинства растровой графики.

  15. Недостатки растровой графики.

  16. Программные средства растровой графики.

  17. Программные средства растровой графики для разработки мультимедийного контента.

  18. Основы трехмерной графики.

  19. Основы построения сцен.

  20. 3D моделирование.

  21. Программы для 3D моделирования.

Критерии и шкала оценивания устного опроса

отлично

1) студент полно излагает материал, дает правильное определение основных понятий;

2) обнаруживает понимание материала, может обосновать свои суждения, применить знания на практике, привести необходимые примеры не только из учебника, но и самостоятельно составленные;

3) излагает материал последовательно и правильно с точки зрения норм литературного языка.

хорошо

студент дает ответ, удовлетворяющий тем же требованиям, что и для отметки, но допускает 1–2 ошибки, которые сам же исправляет, и 1–2 недочета в последовательности и языковом оформлении излагаемого.

удовлетворительно

студент обнаруживает знание и понимание основных положений данной темы, но:

1) излагает материал неполно и допускает неточности в определении понятий или формулировке правил;

2) не умеет достаточно глубоко и доказательно обосновать свои суждения и привести свои примеры;

3) излагает материал непоследовательно и допускает ошибки в языковом оформлении излагаемого.

неудовлетворительно

студент обнаруживает незнание большей части соответствующего вопроса, допускает ошибки в формулировке определений и правил, искажающие их смысл, беспорядочно и неуверенно излагает материал. Оценка «неудовлетворительно» отмечает такие недостатки в подготовке, которые являются серьезным препятствием к успешному овладению последующим материалом.

4.2 Тестовые задания для оценки знаний

Тема «Разработка сетевых приложений»

  1. ПЗУ – это память в которой:

1) хранится исполняемая в данный момент времени программа и данные, с которыми она непосредственно работает

2) хранится информация, предназначенная для обеспечения диалога пользователя и ЭВМ

3) хранится информация, присутствие которой постоянно необходимо в компьютере

  1. ОЗУ – это память, в которой:

1) хранится информация для долговременного хранения информации независимо от того, работает ЭВМ или нет

2) хранится исполняемая в данный момент времени программа и данные, с которой она непосредственно работает

3) хранится информация, предназначенная для обеспечения диалога пользователя и ЭВМ

  1. Внешняя память служит:

  1. для хранения оперативной, часто изменяющейся информации в процессе решения задачи;

  2. для долговременного хранения информации независимо от того, работает ЭВМ или нет;

  1. Принцип программного управления – это:

  1. алгоритм, состоящий из слов-команд, определяющий последовательность действий, представленный в двоичной системе счисления

  2. набор инструкций на машинном языке, который хранится на магнитном диске, предназначенный для запуска компьютера;;

  3. набор инструкций, позволяющий перевести языки высокого уровня в машинные коды;

  1. Что такое данные?

1) универсальная информация;

  1. это информация, представленная в форме, пригодной для ее передачи и обработки с помощью компьютера;

  2. универсальное, электронно-программируемое устройство для хранения, обработки и передачи информации;

  1. Что такое программа?

  1. последовательность команд, которую выполняет компьютер в процессе обработки данных;

  2. набор инструкций на машинном языке;

3) набор инструкций, позволяющий перевести языки высокого уровня в машинные коды;

7. Программное обеспечение – это:

1) универсальное устройство для передачи информации;

2) совокупность программ, позволяющих организовать решение задачи на ЭВМ;

3) операционная система;

8. Системное программное обеспечение предназначено для:

  1. обслуживания самого компьютера, для управления работой его устройств;

  2. количество одновременно передаваемых по шине бит;

  3. устройство для хранения и вывода информации;

  1. Главной составной часть системного программного обеспечения является:

  1. операционная оболочка

  2. операционная система;

  3. передача информации;

  1. Какие операционные системы Вы знаете?

  1. MS DOS, WINDOWS;

  2. Paint; Word

  3. Access; Excel

  1. Norton Commander – это:

1) операционная система;

2)операционная оболочка;

3) электрические импульсы;

  1. Какие программы относятся к прикладному программному обеспечению?

  1. Paint, Word, Excel, Access;

  2. любые;

  3. некоторые;

  1. Прикладное программное обеспечение – это:

  1. программы, которые непосредственно удовлетворяют информационные потребностям пользователя;

  2. поименованная область данных на диске;

3) система хранения файлов и организации каталогов;

  1. Какие языки программирования Вы знаете?

  1. Бейсик, Паскаль, Си, Вижуал Бейсик;

  2. никакие;

  3. любые;

  1. Что такое файловая система – это:

  1. поименованная область данных на диске;

  2. система хранения файлов и организации каталогов;

  3. принцип программного управления компьютером;

  1. Файл – это:

  1. созданные каталоги;

  2. поименованная область данных на диске;

  3. внешняя память

  1. В операционной системе Windows собственное имя файла не может содержать символ…
    1. вопросительный знак (?)
    2. запятую (,)
    3. точку (.)
    4. знак сложения (+)

  2. Укажите неправильно записанное имя файла:
    1. a:\prog\pst.exe
    2. docum.txt
    3. doc?.lst
    4. класс!

  3. Расширение имени файла, как правило, характеризует…
    1. время создания файла
    2. объем файла
    3. место, занимаемое файлом на диске
    4. тип информации, содержащейся в файле

  4. Фотография «Я на море» сохранена в папке Лето на диске D:\, укажите его полное имя

1. D:\Лето\Я на море.txt
2. D:\Лето\Я на море.jpg
3. D:\Я на море.jpg
4. D:\Лето\Я на море.avi

  1. Операционная системам выполняет…
    1. обеспечение организации и хранения файлов
    2. подключение устройств ввода/вывода
    3. организацию обмена данными между компьютером и различными периферийными устройствами
    4. организацию диалога с пользователем, управление аппаратурой и ресурсами компьютера

  2. Файловая система необходима…
    1. для управления аппаратными средствами
    2. для тестирования аппаратных средств
    3. для организации структуры хранения
    4. для организации структуры аппаратных средств

  3. Каталог (папка) – это…
    1. команда операционной системы, обеспечивающая доступ к данным
    2. группа файлов на одном носителе, объединяемых по какому-либо критерию
    3. устройство для хранения группы файлов и организации доступа к ним
    4. путь, по которому операционная система определяет место файла

  4. Текстовые документы имеют расширения…
    1. *.exe
    2. *.bmp
    3. *.txt
    4. *.com

  5. Папки (каталоги) образуют … структуру
    1. иерархическую
    2. сетевую
    3. циклическую
    4. реляционную

  6. Файлы могут иметь одинаковые имена в случае…
    1. если они имеют разный объем
    2. если они созданы в различные дни
    3. если они созданы в различное время суток
    4. если они хранятся в разных каталогах

  7. Задан полный путь к файлу D:\Учеба\Практика\Отчет.doc Назовите имяфайла
    1. D:\Учеба\Практика\Отчет.doc
    2. Отчет.doc
    3. Отчет
    4. D:\Учеба\Практика\Отчет

  8. Файловая система определяет
    1. способ организации данных на диске
    2. физические особенности носителя
    3. емкость диска
    4. число пикселей на диске

  9. Файл — это …
    1. единица измерения информации
    2. программа в оперативной памяти
    3. текст, распечатанный на принтере
    4. организованный набор данных, программа или данные на диске, имеющие имя

  10. Размер файла в операционной системе определяется
    1. в байтах
    в битах
    в секторах
    в кластерах

  1. Во время исполнения прикладная программа хранится…
    1. в видеопамяти
    2. в процессоре
    3. в оперативной памяти
    4. на жестком диске

  2. Имена файлов, в которых хранятся на диске созданные документы (тексты или рисунки), задаются…
    1. автоматически программой (текстовым или графическим редактором)
    2. создателем документа
    3. операционной системой
    4. документы не имеют имен

  3. Гипертекст — это…
    1. очень большой текст
    2. структурированный текст, в котором могут осуществляться переходы по выделенным меткам
    3. текст, набранный на компьютере
    4. текст, в котором используется шрифт большого размера

  4. Стандартной программой в ОС Windows являются:
    1. Калькулятор
    2. MS Word
    3. MS Excel
    4. Internet Explorer

    5. Блокнот

  5. Чтобы сохранить текстовый файл (документ) в определенном формате необходимо задать…
    1. размер шрифта
    2. тип файла
    3. параметры абзаца
    4. размеры страницы

  6. Задан полный путь к файлу c:\doc\proba.txt. Назовите полное имя файла
    1. c:\doc\proba.txt
    2. proba.txt
    3. doc\proba.txt
    4. txt

  7. Операционные системы представляют собой программные продукты, входящие в состав…
    1. прикладного программного обеспечения
    2. системного программного обеспечения
    3. системы управления базами данных
    4. систем программирования

  8. Интерфейс – это…
    1. совокупность средств и правил взаимодействия устройств ПК, программ и пользователя
    2. комплекс аппаратных средств
    3. элемент программного продукта
    4. часть сетевого оборудования

  9. По функциональному признаку различают следующие виды ПО:
    1. сетевое
    2. прикладное
    3. системное
    4. инструментальное

  10. Короткое имя файла состоит из …
    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 Проектирование и разработка интерфейсов пользователя

  1. Формат страниц. Понятие «лэндинг» страницы.

  2. Шаблоны. Определение, назначение.

  3. Формат страниц. Понятие «резиновый» дизайн.

  4. Обязательные теги HTML. Пример

  5. Контекстные, соседние, дочерние селекторы, группировка селекторов.

  6. Псевдоклассы.

  7. Теги блоков. Пример

  8. сновные элементы, размещаемые на web-странице.

  9. Перечислите модели организации web-сайта. Паутина.

  10. Понятие баннера. Виды баннеров.

  11. Каскадные таблицы стилей. Определение, назначение.

  12. Представление цветов в документе.

  13. История развития сервиса WWW.

  14. Основные теги форматирования текста. Пример

  15. Цветовые сочетания.

  16. Понятие тегов и атрибутов HTML.

  17. Работа с ячейками таблицы.

  18. Структура сайта.

  19. Работа с формой. Мета-теги.

  20. Основные этапы разработки web-сайта. Вопросы, решаемые на каждом этапе.

  21. Понятие Всемирная паутина.

  22. Теги строки и столбца таблицы.

  23. WYSIWYG редакторы для создания сайтов: популярные редакторы, их проблемы, их возможности. Сравнение.

  24. Понятие текстур.

  25. Классы стилей.

  26. Понятие «плоский» дизайн.

  27. Формат страниц. Понятие «панорамная» страница.

  28. Структура HTML документа.

  29. Создание линий. Вставка спецсимволов.

  30. Блочная модель сайта (блочная верстка). Стили для блоков. Слои. Создание выпадающего меню.

  31. Вложенные таблицы.

  32. Теги для создания таблиц.

  33. Вложенные шаблоны.

  34. Поддержка и регулярные обновления (развитие) сайта.

  35. Понятие Интернет.

  36. Понятие хостинг. Виды хостинга.

  37. Переопределение стиля в CSS.

  38. Пространственные отношения.

  39. Регистрация сайта в поисковых системах и тематических каталогах.

  40. Теги и атрибуты CSS.

  41. Способы описания стилевых описаний.

  42. Тег вставки изображений. Пример

  43. Перечислите модели организации web-сайта. Решетка.

  44. Формы ввода данных. Теги для работы с формами.

  45. Теги списков. Пример

  1. Теги, используемые в «шапке» страницы. Пример

  2. Перечислите модели организации web-сайта. Линейная модель.

  3. Понятие web- страница.

  4. Теги одиночные и контейнерные.

  5. Назначение графического фона и задание цвета страницы.

  6. Схемы наборов фреймов.

  7. Ссылки. Типы ссылок.

  8. Палитра.

  9. Перечислите модели организации web-сайта. Иерархия.

  10. Табличная верстка сайта

  11. Тег заголовков. Пример

  12. Понятие web-сервер. Виды серверов.

  13. Создание стиля для всего сайта.

  14. Язык разметки гипертекста HTML. Назначение и принцип работы.

  15. Таблицы в HTML страницах. Способы применения.

  16. Создание таблицы стилей для страницы.

  17. Тег гиперссылки. Пример

  18. Формат страниц. Понятие «фиксированный» дизайн.

МДК.В.01.03 Графический дизайн и мультимедиа

  1. Области применения компьютерной графики.

  2. Тенденции развития современных графических систем.

  3. Требования к системам компьютерной графики.

  4. Классификация систем компьютерной графики с точки зрения инвариантности относительно класса объекта проектирования.

  5. Виды обеспечения систем компьютерной графики.

  6. Функциональные возможности систем компьютерной графики инженерной направленности.

  7. Системы координат, применяемые в компьютерной графике.

  8. Технические средства компьютерной графики.

  9. Форматы хранения графической информации.

  10. Представление графической информации в системах растровой графики.

  11. Преобразование графических объектов в системах растровой графики.

  12. Программные системы растровой графики - преимущества и недостатки.

  13. Представление графической информации в системах векторной графики.

  14. Преобразование графических объектов в системах векторной графики.

  15. Программные системы векторной графики - преимущества и недостатки.

  16. Примитивы компьютерной графики.

  17. Представление структуры и формы геометрических объектов.

  18. 2D моделирование в компьютерной графике.

  19. 3D моделирование в компьютерной графике

  20. Параметризация в компьютерной графике.

  21. Способы создания сборочного чертежа с помощью ЭВМ.

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

  23. Способы представления реалистичных изображений.

  24. История развития компьютерной графики 

  25. История развития графической системы персонального компьютера

  26. Графика и компьютерная графика 

  27. Графические файлы

  28. Графические модели

  29. Физические и логические пиксели

  30. Отображение цветов

  31. Определение цвета с помощью палитры

  32. Типы палитр

  33. Цветовые модели. Цвет

  34. Аддитивные цветовые модели

  35. Субтрактивные цветовые модели

  36. Перцепционные цветовые модели

  37. Использование плашечных цветов

  38. Цветовые модели повышенной точности

  39. Наложение и прозрачность изображений

  40. Векторные файлы

  41. Структура векторных файлов

  1. Преимущества и недостатки векторных файлов

  2. Растровые файлы

  3. Структура растрового файла

  4. Заголовок растрового файла

  5. Растровые данные

  6. Организация данных в виде строк развертки

  7. Организация данных в виде плоскостей

  8. Преимущества и недостатки растровых файлов

  9. Сетчатая (каркасная) модель

  10. Достоинства и недостатки сетчатой модели

  11. Фрактальная графика

  12. Фрактальное сжатие

ПМ.В.01 Учебная практика и Производственная практика

  1. Представление графической информации в системах векторной графики.

  2. Отображение цветов

  3. Типы палитр

  4. Графика и компьютерная графика

  5. Технические средства компьютерной графики.

  6. Способы создания сборочного чертежа с помощью ЭВМ.

  7. Векторные файлы

  8. Заголовок растрового файла

  9. Физическое и логическое сжатие

  10. Структура векторных файлов

  11. Преимущества и недостатки растровых файлов

  12. Преобразование графических объектов в системах растровой графики.

  13. 2D моделирование в компьютерной графике.

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

  15. Цветовые модели. Цвет

  16. Фрактальная графика

  17. Перцепционные цветовые модели

  18. Использование плашечных цветов

  19. Определение цвета с помощью палитры

  20. Субтрактивные цветовые модели

  21. Преобразование графических объектов в системах векторной графики.

  22. Программные системы векторной графики - преимущества и недостатки.

  23. Графические модели

  24. Параметризация в компьютерной графике.

  25. Сжатие с потерями и без потерь. Симметричное и асимметричное сжатие.

  26. История развития компьютерной графики

  27. Форматы хранения графической информации.

  28. Организация данных в виде плоскостей

  29. Кодирование по алгоритму Хаффмана

  30. История развития графической системы персонального компьютера

  31. Растровые данные

  32. Примитивы компьютерной графики.

  33. Классификация систем компьютерной графики с точки зрения инвариантности относительно класса объекта проектирования.

  34. Физические и логические пиксели

  35. Наложение и прозрачность изображений

  36. Способы представления реалистичных изображений.

  37. Сжатие с потерями JPEG

  38. Аддитивные цветовые модели

  39. Представление структуры и формы геометрических объектов.

  40. Функциональные возможности систем компьютерной графики инженерной направленности.

  41. Представление графической информации в системах растровой графики.

  42. Фрактальное сжатие

  43. Прикладные программы создания и редактирования векторных изображений

  44. Прикладные программы создания и редактирования растровых изображений

  45. Программные системы растровой графики - преимущества и недостатки.

  46. Графические файлы

  47. Сжатие данных

  48. Этапы сжатия JPEG.

  49. Виды обеспечения систем компьютерной графики.

  50. Преимущества и недостатки векторных файлов

  1. Структура растрового файла

  2. Области применения компьютерной графики.

  3. Организация данных в виде строк развертки

  4. Сетчатая (каркасная) модель

  5. Требования к системам компьютерной графики.

  6. Достоинства и недостатки сетчатой модели

  7. 3D моделирование в компьютерной графике

  8. Системы координат, применяемые в компьютерной графике.

  9. Цветовые модели повышенной точности

  10. Тенденции развития современных графических систем.

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_

  1. Задание 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. Глобальные компьютерные сети: основные понятия, принципы функционирования. Каталоги ресурсов. Поисковые системы.

  2. Язык гипертекстовой разметки страниц HTML: общая структура документа, абзацы, цвета, ссылки.

  3. Язык гипертекстовой разметки страниц HTML: списки, графика (графические форматы, графический объект как ссылка), таблицы, фреймы.

  4. Общие подходы к дизайну сайта. Разработка макета страницы.

  5. Язык гипертекстовой разметки страниц HTML: формы.

  6. Использование стиля при оформлении сайта. Возможности CSS.

  7. CSS. Свойства текста. Свойства цвета и фона. Свойства шрифта. Свойства блоков.

  8. CSS. Свойства списков. Классы. Псевдоклассы.

  9. Хостинг. Бесплатный хостинг. FTP. Размещение Интернет-ресурса на сервере провайдера. Регистрация Интернет-ресурса в каталогах и поисковых системах.

  10. Преимущества и ограничения программ, работающих на стороне клиента. Язык JavaScript: основы синтаксиса.

  11. Объектная модель HTML страницы.

  12. Событийная модель DHTML: связывание событий с кодом, всплытие событий, объект Event.

  13. Применение DHTML.

  14. XML. MathML.

  15. Введение в программирование на стороне сервера на примере PHP. Принцип работы.

  16. Синтаксис языка программирования PHP.

  17. Переменные. Константы. Операторы в PHP. Циклы. Массивы. Работа со строками.

  18. Функции в PHP. Встроенные функции.

  19. Работа с датой и временем в PHP.

  20. Методы передачи параметров между страницами (GET, POST). Обработка действий пользователя при помощи форм.

  21. Принципы хранения информации в базах данных MySQL. Архитектура базы данных MySQL (таблицы, связи, триггеры).

  22. Механизм работы с базами данных — PhpMyAdmin.

  23. Подключение к базе данных из PHP файла. Вывод данных на PHP-страницу, попавших в выборку по SQL запросу. Передача параметров в запрос.

  24. Принципы проектирования страниц. Разделение информации по таблицам в базе данных. Вывод группы данных, сортировка данных.

  25. Создание HTML-страниц средствами PHP.

Ситуационные задачи, выносимые на квалификационный экзамен

Ситуационная задача 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 (значения цвета redblue и 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-heightmax-widthmin-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. Границы таблицы и ячеек установите через сокращенное свойство для границ. Для ссылок используйте отдельные свойства для установки нижних границ, но ширину нижней границы укажите в одном стиле сразу для всех ссылок в таблице. Не забудьте отменить подчеркивание ссылок, чтобы у них визуально не отображались сразу две линии подчеркивания. Для решения задачи используйте свойства для определения параметров границ borderborder-bottom-widthborder-bottom-styleborder-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, задав нулевые смещения и размытие, но установив им растяжение в 30px60px и 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 минут.

Комментарии
Добрый день. Заинтересовала публикация "Комплект контрольно-оценочных материалов для оценки результатов освоения ПМ.02 Проектирование, разработка и оптимизация веб-приложений для специальности 09.02.07. Информационные системы и программировани е". Спасибо автору.

 

Для скачивания материалов с сайта необходимо авторизоваться на сайте (войти под своим логином и паролем)

Если Вы не регистрировались ранее, Вы можете зарегистрироваться.
После авторизации/регистрации на сайте Вы сможете скачивать необходимый в работе материал.

Рекомендуем Вам курсы повышения квалификации и переподготовки