
- •Web программирование
- •231000.62 – “Программная инженерия”
- •Содержание
- •Введение
- •Дисциплина web программирование имеет целью обучить студентов разработке web - приложений, дать студентам теоретические знания и практические навыки в проектировании и реализации web-сайтов.
- •1. Протоколы и модели Internet-взаимодействия
- •1.1. Протоколы
- •1.2. Модель клиент-сервер
- •1.3. Формат описания адреса
- •2. Статическое web – программирование
- •2.1. Структура html-документа
- •2.2. Работа с текстом
- •2.3. Работа с таблицами
- •2.4. Работа с формами
- •2.5. Работа с фреймами
- •3. Каскадные таблицы стилей (css)
- •3.1. Синтаксис css
- •3.2. Использование css
- •3.3. Свойства css
- •4. Язык xml
- •4.1. Структура xml-документа
- •4.2. Правила создания xml-документа
- •4.3. Конструкции языка xml
- •4.3.1. Элементы данных
- •4.3.2. Комментарии
- •4.3.3. Атрибуты
- •4.3.4. Cпециальные символы
- •4.3.5. Директивы анализатора
- •4.3.6. Cdata
- •5. JavaScript сценарии
- •5.1. Клиентские и серверные сценарии
- •5.2. Операторы и функции JavaScript
- •5.3. Встроенные объекты JavaScript
- •5.4. Динамический html
- •5.5. Ajax технология
- •6. Работа с субд MySql
- •6.1. Особенности
- •6.2. Основные команды
- •7. Php. Динамическое web-программирование
- •7.1. Особенности
- •7.2. Php и объектно-ориентированное программирование
- •8. Проектирование полнофункциональных web-сайтов
- •8.1. Виды сайтов
- •8.2. Этапы проектирования web-сайтов
- •9. Задания для выполнения лабораторных работ
- •Последовательность выполнения задания
- •9.2. Задания для выполнения лабораторной работы №2 «Разработка сайта, содержащего карту-изображение с заданными активными зонами»
- •Варианты
- •Последовательность выполнения задания
- •9.3. Задания для выполнения лабораторной работы №3 «Разработка сайта, содержащего таблицы»
- •Варианты
- •9.4. Задания для выполнения лабораторной работы №4 «Разработка сайта “Электронный тест проверки знаний студентов изучаемых дисциплин”»
- •Варианты
- •Последовательность выполнения задания
- •9.5. Задания для выполнения лабораторной работы №5 «Разработка сайта с динамическими эффектами»
- •Варианты
- •Последовательность выполнения задания
- •9.6. Задания для выполнения лабораторной работы №6 «JavaScript. Горизонтальное и вертикальное меню»
- •Варианты
- •Последовательность выполнения задания
- •2.1 Горизонтальное меню
- •2.2 Вертикальное выпадающее меню
- •2.3 Вертикальное раскрывающееся меню
- •9.7. Задания для выполнения лабораторной работы №7
- •2. Ход работы
- •9.8. Задания для выполнения лабораторной работы №8 «Динамическая поддержка выбора значений из предлагаемого списка»
- •Варианты
- •Последовательность выполнения задания
- •9.9. Задания для выполнения лабораторной работы№9 «MySql. Проектирование базы данных и обеспечение прав доступа»
- •Варианты
- •Последовательность выполнения задания
- •9.10. Задания для выполнения лабораторной работы№10 «Разработка интернет-магазина»
- •Варианты
- •Последовательность выполнения задания
- •10. Контрольная работа
- •10.1. Назначение, цели и задачи контрольной работы
- •10.2. Требования к контрольной работе
- •10.3. Варианты заданий курсовой работы
- •11. Пример программы «Создание динамического эффекта» к выполнению лабораторной работы №5 «Разработка сайта с динамическими эффектами»
- •11.1. Плавное появление и исчезновение текста
- •11.2. Текст, движущийся на наблюдателя
- •11.3. Создание бегущих строк
- •11.4. Волнообразнодвижущийся текст
- •10.5. Текст, прилетающий по частям
- •10.6. Имитация движения текста по кругу в 3 d пространстве
- •10.7. Движение фонового рисунка страницы («летящие звезды», «эффект фейерверка», «падающий снег», «часы со стрелками»)
- •Заключение
- •Список литературных первоисточников
- •231000.62 – «Программная инженерия»
9.8. Задания для выполнения лабораторной работы №8 «Динамическая поддержка выбора значений из предлагаемого списка»
Цель: Получить теоретические знания и практические навыки в использовании технологииAJAX.
Используемые приемы и технологии:JavaScript,CSS,DOM(DocumentObjectModel),DHTML(DynamicHTML), объектXMLSHttpRequest.
Ключевые термины:AJAX-приложение,JavaScript-код, каскадные таблицы стилей, веб-приложение, одностороннее и двустороннее взаимодействие с сервером, библиотеки стандартных компонентовAJAX-приложений, кодирование параметров, потоковая обработка, файлыcookie, серверная часть, клиентская часть приложения, динамически изменяемое содержание.
Варианты
Разработать web-приложение, реализующее интерактивный выбор из базы данных организации.
1. Предприятие по учету платы за потребленную электроэнергию. Плата взымается с каждой квартиры в зависимости от количества потребленной энергии или от числа проживающих, если счетчик отсутствует: адрес, район города, балансодержатель, количество подъездов в доме, количество квартир в доме, фамилия квартиросъемщика, имя квартиросъемщика, отчество квартиросъемщика, номер паспорта.
2. Касса авиакомпании занимается продажей билетов на предстоящие рейсы: номер рейса, название рейса, дата вылета, время вылета, дата прибытия, время прибытия, промежуточные посадки (есть/нет), места промежуточных посадок, регистрационный номер пассажира, ФИО пассажира, дата покупки билета, номер паспорта, дата выдачи паспорта, кем выдан паспорт, номер билетной кассы, номер билета, номер места.
3. Приемная комиссия университета. Каждый год университет зачисляет новых абитуриентов для возможного их поступления в университет после сдачи вступительных экзаменов: регистрационный номер абитуриента, ФИО абитуриента, дата регистрации, фотография абитуриента, домашний адрес абитуриента, телефон абитуриента, дата рождения абитуриента, название оконченной школы, возможность оплаты обучения (да/нет), номер паспорта, дата выдачи паспорта, кем выдан паспорт, номер аттестата, средний балл аттестата, название выбранного факультета, название выбранной специальности.
4. Институт селекции растений занимается сбором, выведением и продажей различных сортов семян: уникальный номер сорта, название сорта, год, в котором выведен сорт, адаптация к местным условиям (да/нет), морозоустойчивый (да/нет), описание характеристик сорта, способ посадки, номер партии, годен до, одобрен инспекцией (да/нет), вид упаковки, количество семян в упаковке, дата расфасовки, вес семян в упаковке, срок созревания, номер нового сорта для тестирования, дата выведения нового сорта.
5. Гостиница. В гостинице существует множество вариантов заселения гостей: регистрационный номер гостя, ФИО гостя, дата регистрации, адрес гостя, город, из которого приехал гость, цель приезда, номер паспорта, дата выдачи паспорта, кем выдан паспорт, место работы или учебы, год рождения гостя, плата за выбранный номер, оплата наличными (да/нет), номер квитанции, дата отъезда,
6. Открытое акционерное общество, занимающееся междугородними пассажирскими перевозками: фамилия водителя, имя водителя, отчество водителя, стаж работы, год рождения, категория водителя (D,E), классность водителя (1, 2, 3), идентификационный номер водителя, идентификационный номер автобуса, марка автобуса, модель автобуса, количество мест в автобусе, год выпуска автобуса, год капитального ремонта.
7. Мелкооптовый книжный магазин. Менеджер магазина, изучив спрос на книжную продукцию в городе, принимает решение о закупке партии книг в издательстве: поставщик книг, ИНН поставщика книг, юридический адрес поставщика, банк поставщика книг, номер счета в банке, признак посредника, название книги, авторы, краткое содержание книги, количество страниц, издательство, год издания, стоимость приобретения, наличие компакт диска к книге, название покупателя.
8. Телефонная компания. Отслеживание абонентской платы за телефоны. Клиентами компании могут быть как физические лица и организации: идентификатор клиента компании, тип клиента (физ./юр. лицо), ФИО клиента (для физ. лица), название клиента (для юр. лица), ИНН клиента (для юр. лица), руководитель (для юр. лица), телефон для связи (для юр. лица), юридический адрес клиента, банк клиента (для юр. лица), номер счета в банке, номер телефона, адрес, где он установлен, ежемесячная плата за телефон, тип льготы, величина льготы.
9. Организация, осуществляющая сдачу в аренду площадей: идентификатор арендатора, тип арендатора (физ./юр. лицо), ФИО арендатора (для физ. лица), название арендатора (для юр. лица), ИНН арендатора (для юр. лица), руководитель (для юр. лица), телефон арендатора, юридический адрес арендатора, банк арендатора (для юр. лица), район заказчика, ответственный от арендатора, телефон ответственного, номер помещения, площадь помещения, размеры помещения.
10. «Бюро технической инвентаризации» по изготовлению и выдаче технических паспортов на объекты недвижимости. Перед регистрацией сделки с объектом недвижимости собственник объекта должен получить в БТИ на него технический паспорт: номер заявки на изготовление документа, ФИО заказчика, телефон для связи с заказчиком, физическое или юридическое лицо, банк заказчика, номер счета в банке, адрес объекта, район города, дата приема заявки, название документа, срочное изготовление (да/нет), дата выдачи документа, стоимость изготовления документа, дата выхода техника, время выхода техника.
11. Предприятие по учету платы за пользование газом и газовыми приборами: адрес здания, район города, тип стен, тип перекрытий, балансодержатель, количество подъездов в доме, количество квартир в доме, фамилия квартиросъемщика, имя квартиросъемщика, отчество квартиросъемщика, номер паспорта, номер квартиры, вид квартиры, количество проживающих, телефон квартиросъемщика.
12. Отдел приватизации жилья администрации города: адрес здания, район города, балансодержатель, год постройки здания, материал стен здания, материал фундамента, износ в процентах, число этажей в здании, расстояние от центра города, площадь квартир, наличие нежилых помещений, число квартир в здании, наличие лифта.
13. Организация, осуществляющая продажу и покупку квартир: регистрационный номер клиента, адрес клиента, ФИО клиента, телефон для связи с клиентом, регистрационный номер договора, адрес квартиры, район города, этажей в доме, этаж, тип дома (кирпичный, панельный), тип планировки (хрущевка, новая), тип санузла (раздельный, совмещенный), общая площадь квартиры, жилая площадь квартиры, площадь кухни
14. Регистратура ведомственной поликлиники: идентификационный номер врача, фамилия врача, имя врача, отчество врача, номер кабинета, образование (университет), специализация (терапевт, лор...), стаж работы, номер рабочего телефона, год рождения, ФИО пациента, номер карточки пациента, адрес пациента, район города, где проживает, номер страхового полиса, год рождения пациента.
15. Туристическая компания:идентификатор клиента, фамилия клиента, имя клиента, отчество клиента, документ, удостоверяющий личность, серия документа, номер документа, дата выдачи, кем выдан документ, дата рождения, наличие заграничного паспорта, идентификатор маршрута, название маршрута, название страны, срок пребывания.
16. Отдел ведения реестра имущества университетского городка. В состав имущества входит несколько зданий. В зданиях располагаются аудитории, кафедры, лаборатории, вычислительные центры, деканаты и т. д: регистрационный номер здания, название здания (корпуса) университета, площадь земельного участка, адрес здания, год постройки, материал стен здания, износ в процентах, число этажей в здании, дополнительные сведения по зданию, номер аудитории, площадь аудитории, количество окон, число элементов в батареях отопления, назначение (лекционная, кафедра ...).
17. Государственная автомобильная инспекция по безопасности дорожного движения города. База данных ГИБДД содержит сведения обо всех транспортных средствах города и их владельцах: идентификатор владельца, тип владельца (физ./юр. лицо), ФИО владельца (для физ. лица), название организации, ИНН организации, руководитель организации, телефон, адрес владельца автомобиля, район города, государственный знак автомобиля, марка автомобиля, модель автомобиля, номер кузова, номер двигателя, модель кузова, цвет автомобиля, объем двигателя.
18. Отдел заселения муниципальных общежитий администрации города. В ведении администрации города находится несколько десятков общежитий. Раньше они принадлежали предприятиям города, а теперь, после банкротства предприятий, все эти общежития переданы муниципальным властям: номер общежития, адрес общежития, район города, в котором расположено, балансодержатель, комнат в общежитии, количество койко-мест в общежитии, номер комнаты, площадь комнаты, количество койко-мест в комнате, тип комнаты (одноместная и т.д.), номер этажа, регистрационный номер жильца, ФИО жильца, номер паспорта, дата выдачи паспорта, кем выдан паспорт, место работы или учебы.
19. Отдел учета налогообложения физических лиц городской налоговой инспекции: идентификационный номер, фамилия налогоплательщика, имя налогоплательщика, отчество налогоплательщика, документ, удостоверяющий личность, серия документа, номер документа, дата выдачи, кем выдан документ, дата рождения, дата заполнения декларации, номер декларации, адрес налогоплательщика, район города, где проживает.
20. Отдел учета нежилых помещений: кадастровый номер здания, адрес здания, район города, площадь земельного участка, год постройки здания, материал стен здания, материал фундамента, износ в процентах, количество этажей в здании, расстояние от центра города, площадь нежилых помещений, количество помещений в здании, наличие лифта, номер помещения, номер этажа.