Преддипломная практика Выполнил студент группы ИС – С05 з Юсупов Рафаэль Наильевич

Цель практики Разработать макета сайта, создание элементов дизайна и структуры сайта фирмы по предоставлению услуг в бытовой сфере обслуживания и тепловизионной диагностики. Разработать макета сайта, создание элементов дизайна и структуры сайта фирмы по предоставлению услуг в бытовой сфере обслуживания и тепловизионной диагностики.

Задачи практики Анализ предметной области. Выработка требований к разрабатываемому проекту веб- сайта. Анализ предметной области. Выработка требований к разрабатываемому проекту веб- сайта. Детальное ознакомление с аналогичными сайтами, разработка технического задания. Детальное ознакомление с аналогичными сайтами, разработка технического задания. Создание макета сайта в HTML, создание элементов дизайна и структуры сайта. Создание макета сайта в HTML, создание элементов дизайна и структуры сайта. Анализ и выбор средств разработки, создание программных модулей на языке программирования PHP. Анализ и выбор средств разработки, создание программных модулей на языке программирования PHP.

Предметная область - Предметом данной работы является фирма по предоставлению услуг в бытовой сфере обслуживания и тепловизионной диагностики - Предметом данной работы является фирма по предоставлению услуг в бытовой сфере обслуживания и тепловизионной диагностики - Фирма имеет лицензии на выполнение работ по тепловизионной диагностике и на проведение электра монтажных работ - Фирма имеет лицензии на выполнение работ по тепловизионной диагностике и на проведение электра монтажных работ - В основной штат сотрудников входят: - В основной штат сотрудников входят: - специалисты - специалисты - монтажники - монтажники - Фирма ведёт базу клиентов, архив выполненных работ, обеспечивает как гарантийное, так и не гарантийное обслуживание по выполненным работам. - Фирма ведёт базу клиентов, архив выполненных работ, обеспечивает как гарантийное, так и не гарантийное обслуживание по выполненным работам.

Примеры аналогичных сайтов (Москва) (Москва) - Сайт представлен фирмой Экодомстрой. - Сайт представлен фирмой Экодомстрой. - Отличается красивым внешним дизайном, богатым меню, наличие галереи с фото и видео материалом по выполненной работе. Описание предоставляемых услуг среднее. - Отличается красивым внешним дизайном, богатым меню, наличие галереи с фото и видео материалом по выполненной работе. Описание предоставляемых услуг среднее. - Отсутствует возможность обратной связи. - Отсутствует возможность обратной связи.

Примеры аналогичных сайтов (продолжение) (Москва) - Сайт представлен фирмой Центр Тепловидения. - Сайт представлен фирмой Центр Тепловидения. - Отличается простотой зрительного восприятия, простым и лаконичным дизайном, богатое меню. Описание предоставляемых услуг среднее. - Отличается простотой зрительного восприятия, простым и лаконичным дизайном, богатое меню. Описание предоставляемых услуг среднее. - Отсутствие возможности обратной связи, фото в галерее выполненных работ. - Отсутствие возможности обратной связи, фото в галерее выполненных работ.

Примеры аналогичных сайтов (продолжение) (Москва) (Москва) - Сайт представлен фирмой Тепломониторинг.ру - Сайт представлен фирмой Тепломониторинг.ру - Отличается простотой дизайна. Наличие формы обратной связи. - Отличается простотой дизайна. Наличие формы обратной связи. Наличие карты с расположением Наличие карты с расположением офиса фирмы. Меню, описание предоставляемых услуг среднее. офиса фирмы. Меню, описание предоставляемых услуг среднее. - Основной минус данного сайта в отсутствие красоты во внешнем оформлении, фото в галерее выполненных работ. - Основной минус данного сайта в отсутствие красоты во внешнем оформлении, фото в галерее выполненных работ.

Примеры аналогичных сайтов (продолжение) Сравнивая рассмотренные сайты, есть возможность для использования за образец все положительные качества и применения их в своем проекте.

Техническое задание Основные требования к веб - сайту: Основные требования к веб - сайту: - должен содержать достаточное количество разделов, для полного представления о деятельности фирмы и предлагаемых услугах; - должен содержать достаточное количество разделов, для полного представления о деятельности фирмы и предлагаемых услугах; - должен иметь свой единый стиль (дизайн), удобное меню навигации; - должен иметь свой единый стиль (дизайн), удобное меню навигации; - реализован на языке HTML c модулями на языке программирования PHP; - реализован на языке HTML c модулями на языке программирования PHP; В веб – сайте должны быть использованы функциональные модули: В веб – сайте должны быть использованы функциональные модули: - Обратная связь; - Обратная связь; - Прайс лист; - Прайс лист; - Редактирование информации; - Редактирование информации;

Структура сайта Меню навигации Главная Главная Услуги Услуги Тепловизионная диагностика Тепловизионная диагностика Тепловизионное обследование зданий и сооружений Тепловизионное обследование инженерных систем Тепловизионное обследование технологического оборудования Энергоаудит Энергоаудит Аудит эксплуатационной документации Аудит эффективности энергосистем Обслуживание инженерных сетей Обслуживание инженерных сетей Прайс-лист Прайс-лист Создать заявку Создать заявку

Пример (макет) сайта В качестве элементов дизайна В качестве элементов дизайна будут использованы: будут использованы: - Хедер с логотипом и названием фирмы, строка копирайт разработанный в фото-шопе - Хедер с логотипом и названием фирмы, строка копирайт разработанный в фото-шопе - эскиз страницы выполнен без применения контрастных оттенков - эскиз страницы выполнен без применения контрастных оттенков - дизайн страниц будет выполнен в едином виде, во всех вновь открываемых страницах сайта. - дизайн страниц будет выполнен в едином виде, во всех вновь открываемых страницах сайта. Текстовая область, в которой будет меняться содержимое, в зависимости от выбора пункта или подпункта в главного меню, либо по ссылок в тексте. Текстовая область, в которой будет меняться содержимое, в зависимости от выбора пункта или подпункта в главного меню, либо по ссылок в тексте.

Пример работы скрипта обратной связи Для заполнения формы пользователь должен ввести своё ФИО, адрес электронной почты, контактный телефон. Все поля являются обязательными. Также выбирается виды услуг необходимые для выполнения с помощью формы в виде кнопок выбора. Указывается тип заявки. В текстовом поле по необходимости вписывается уточнения по выбранной услуге. Для заполнения формы пользователь должен ввести своё ФИО, адрес электронной почты, контактный телефон. Все поля являются обязательными. Также выбирается виды услуг необходимые для выполнения с помощью формы в виде кнопок выбора. Указывается тип заявки. В текстовом поле по необходимости вписывается уточнения по выбранной услуге.

Заключение В ходе выполнения преддипломной практики были решены все поставленные задачи: освоены необходимые для выполнения дипломного проекта современные технологии (изучил язык программирования PHP), освоены необходимые для выполнения дипломного проекта современные технологии (изучил язык программирования PHP), проведен анализ деятельности фирмы, проведен анализ деятельности фирмы, изучены основы создания современных web-сайтов, изучены основы создания современных web-сайтов, сделан анализ нескольких существующих сайтов, предоставляющих подобные услуги, сделан анализ нескольких существующих сайтов, предоставляющих подобные услуги, разработано техническое задание, разработано техническое задание, разработана структура web-сайта, дизайн, компоновку и навигация, разработана структура web-сайта, дизайн, компоновку и навигация, разработан PHP модуль обратной связи к сайту. разработан PHP модуль обратной связи к сайту.