Файл: Отчет представлен к рассмотрению Студент группы хббо0419 22 апреля 2023 г. (подпись).docx

ВУЗ: Не указан

Категория: Отчет по практике

Дисциплина: Не указана

Добавлен: 09.11.2023

Просмотров: 38

Скачиваний: 1

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.



МИНОБРНАУКИ РОССИИ

Федеральное государственное бюджетное образовательное учреждение
высшего образования
«МИРЭА - Российский технологический университет»

РТУ МИРЭА

ОТЧЁТ ПО ПРАКТИКЕ В ПРОФИЛЬНОЙ СФЕРЕ
Тема практики: «Разработка страниц сайта-визитки строительной компании»

Отчет представлен к

рассмотрению:

Студент группы ХББО-04-19




«22» апреля 2023 г.







(подпись)


Курбанова.О

Отчет утвержден.

Допущен к защите:











Руководитель практики

«22» апреля 2023 г.


(подпись)

Юдин А.В.

Москва 2023 г.



МИНОБРНАУКИ РОССИИ

Федеральное государственное бюджетное образовательное учреждение
высшего образования
«МИРЭА - Российский технологический университет»

РТУ МИРЭА


ИНДИВИДУАЛЬНОЕ ЗАДАНИЕ НА ПРАКТИКУ В ПРОФИЛЬНОЙ СФЕРЕ

Студенту 4 курса учебной группы ХББО-04-19

Курбанова Ольга

Место и время практики: РТУ МИРЭА, с 12 апреля 2023г. по 22 апреля 2023г.

Должность на практике: студент

1. ЦЕЛЕВАЯ УСТАНОВКА: разработка веб-интерфейса интернет-ресурса

2. СОДЕРЖАНИЕ ПРАКТИКИ:

2.1 Обзор существующих решений по теме практики

2.2 Описание функциональности веб-интерфейса

2.3 Разработка веб-интерфейса

2.4 Тестирование разработанного продукта

3. ОРГАНИЗАЦИОННО-МЕТОДИЧЕСКИЕ УКАЗАНИЯ: в процессе практики рекомендуется использовать периодические издания и отраслевую литературу годом издания не старше 10 лет.




СОГЛАСОВАНО:










Руководитель практики

«20» марта 2023 г.



(подпись)


(Юдин А.В.)

Задание получил










«20» марта 2023 г.




.

(подпись)

(Курбанова.О)



МИНОБРНАУКИ РОССИИ

Федеральное государственное бюджетное образовательное учреждение
высшего образования
«МИРЭА - Российский технологический университет»

РТУ МИРЭА


РАБОЧИЙ ГРАФИК ПРОВЕДЕНИЯ
практики в профильной сфере

студента Скугарова Андрея Евгеньевича (Р.П) 4 курса группы ТСБО-01-19.



Сроки

выполнения

Этап

Отметка о выполнении

1

12.04.2023

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




2

с 12.04.2023 по 20.04.2023

Выполнение задания по практике в соответствии с выданным заданием студента. (Мероприятия по сбору, обработке и структурированию материала, выполнение поставленной задачи)




3

с 14.04.2023 по 21.04.2023

Подготовка отчета по практике (Оформление материалов отчета в полном соответствии с требованиями на оформление учебных работ студентов)




4

с 17.04.2023 по 22.04.2023

Защита отчета по производственной практике у руководителя практики. (Представление отчета по практике к защите)





Согласовано:

Р уководитель практики _________________/ Юдин А.В./

О бучающийся _________________/ Курбанова.О./

Содержание

Содержание 2

Введение 3

1.Теоретическая часть 4

2.Практическая часть 7

2.1 Требования к интернет-ресурсу 7

2.2 Результаты реализации 7

Заключение 11

Список использованных источников 12

Приложения 13

Введение

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

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

Таким образом, можно сформулировать цель работы — разработка сайт-визитки для строительной компании.

В соответствии с целью можно сформулировать следующие задачи:

  1. Провести теоретический обзор по области разработки продукта и по его теме.

  2. Составить список основных требований к разрабатываемому интернет-ресурсу.

  3. Разработать веб-интерфейс интернет-ресурса посредством языков HTML, JavaScript, JQuery, CSS, Bootstrap, CSS библиотеки.

  4. Составить отчёт по выполненным работам со скриншотами результатов разработки и исходным кодом страниц.

Далее в отчёте будут приведены результаты выполнения данных задачи и итоги разработки продукта.

  1. Теоретическая часть

Сайты визитки строительных компаний не являются уникальными. Рассмотрим наиболее популярные интернет-ресурсы, решающие поставленные задачи.

Сайт визитка GOOD WOOD «Дома из клееного бруса и камня / Строительство»

Данный сайт обладает широким спектром функциональных возможностей, что позволяет работать с его интерфейсом для непосредственного решения уравнений и дополнительного спектра раскрываемых системой задач [1].

Скриншот ресурса представлен на Рисунке 1.1.

Рисунок 1.1 – Блок компании GOOD WOOD


  1. Практическая часть

2.1 Требования к интернет-ресурсу

По поставленным задачам можно сформулировать следующие требование к разрабатываемому продукту:

1.Создать минималистичный сайт с краткой информацией о компании, краткой информацией об услугах и работниках.

2. Добавить интерактивную карту Яндекса как добраться до офиса компании.

Реализация данных пунктов при наличии соответствующих стилистических особенностей и будет являться готовым программным решением для прохождения практики и отработки навыков по языкам HTML, JavaScript и CSS, основы работы которых, помимо материалов дисциплин, можно рассмотреть в источниках по языкам соответственно [3-10].

2.2 Результаты реализации

В рамках выполнения практики были выполнены поставленные задачи перед системой и программно реализованы её основные элементы. Для выполнения работы был выбран Visual Studio Code 2019, были использованы языки программирования HTML, JQuery, JavaScript и CSS. Исходный код страниц представлен в приложении.

Результат работы приведён на Рисунках 2.1-2.2.





Рисунок 2.1 – Результат реализации страницы сразу



Рисунок 2.2 – Результат реализации страницы с интерактивной картой Яндекса

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

Заключение

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

На основе результатов теоретической части и специфики темы были сформированы основные требования к интернет-ресурсу и описаны в виде текстового набора пунктов-задач перед системой.

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

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

Список использованных источников

  1. Фримен Эрик, Фримен Элизабет. Изучаем HTML, XHTML и CSS = Head First HTML with CSS & XHTML. — П.: «Питер», 2010. — 656 с. — ISBN 978-5-49807-113-8.

  2. Эд Титтел, Джефф Ноубл. HTML, XHTML и CSS для чайников, 7-е издание = HTML, XHTML & CSS For Dummies, 7th Edition. — М.: «Диалектика», 2011. — 400 с. — ISBN 978-5-8459-1752-2.

  3. Питер Лабберс, Брайан Олберс, Фрэнк Салим. HTML5 для профессионалов: мощные инструменты для разработки современных веб-приложений = Pro HTML5 Programming: Powerful APIs for Richer Internet Application Development. — М.: «Вильямс», 2011. — 272 с. — ISBN 978-5-8459-1715-7.

  4. Фаулер, Мартин. Рефакторинг кода на JavaScript: улучшение проекта существующего кода, 2-е изд. — М.: «Диалектика», 2019. — 464 с. — ISBN 978-5-907144-59-0.

  5. Резиг Джон, Бибо Беэр, Марас Иосип. Секреты Javascript ниндзя 2-е изд.. — М.: «Диалектика», 2017. — 544 с. — ISBN 978-5-9908911-8-0.

  6. Никсон Р. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 4-е изд. — СПб.. — М.: «Диалектика», 2016. — 768 с. — ISBN 978-5-496-02146-3.

  7. Флэваrан, Дэвид. JavaScript: карманный справочник, 3-е изд. — М., 2013. — 320 с. — ISBN 978-5-8459-1830-7.

  8. Макфарланд, Дэвид. JavaScript и jQuery: исчерпывающее руководство. — М.: «Диалектика», 2015. — 880 с. — ISBN 978-5-699-79119-4.

Приложения

Приложение 1.А

Листинг кода страницы на языке HTML

Листинг А.1 – Заголовочный файл index.html HTML-документа





ЛистингА.2 – Header section

























  • О компании


  • Контакты















ЛистингА.3 – About Us Section























О нас

Равшан и Партнеры






Всем привуэт меня зовут Равшан и Джамшут и наш начальника.

Мы шешили основать строительную компанию.

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

Вам не нужно ездить на объект и вдаваться в технические нюансы стройки, и при этом вы можете быть уверены, что:

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

Все строительные и монтажные процессы соответствуют строительным нормам, а качество работ контролируют опытные специалисты

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

Все строительные и монтажные процессы соответствуют строительным нормам, а качество работ контролируют опытные специалисты













Листинг А.4 – Блок решения дополнительного уравнения с заданными коэффициентами











Услуги















Индивидуальное проектирование













Инженерные коммуникации и электрика













Покраска деревянных элементов дома и

прочих конструкций













ЛистингА.5 – Member Section











Наши сотрудники

Лучшие сотрудники

























Равшан
Специалист
Леонид
Прораб
Джамшут
Специалист













































ЛистингА.6 – Footer Section



















  • Адрес: г.Москва Баррикадная улица 19 строение 1


  • Телефон: +8 (916) 214-33-10


  • Почта: skugarov2013@yandex.ru
























Полезная рассылка:



Разбираем мифы и ошибки стройки, показываем наши дома и рассказываем про акции. Письма приходят раз в неделю.