Файл: Применение технологии для разработки Next js веб приложения по.docx

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

Категория: Не указан

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

Добавлен: 07.11.2023

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

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

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

МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РОССИЙСКОЙ

ФЕДЕРАЦИИ

федеральное государственное бюджетное образовательное учреждение высшего

образования

«Тольяттинский государственный университет»
Институт математики, физики и информационных технологий

(наименование института полностью)
Кафедра «Прикладнаяматематикаиинформатика»

(наименование)

02.03.03Математическоеобеспечениеиадминистрированиеинформационных

систем

(код и наименование направления подготовки, специальности)

Мобильные и сетевые технологии

(направленность (профиль)/специализация)
ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА (БАКАЛАВРСКАЯ РАБОТА)
на тему «Применение технологии для разработки Next.js веб - приложения по размещениюрезультатовстуденческихисследованийвобластивнутренней баллистики.»


Студент

А.А. Щекин



(И.О. Фамилия)













(личная подпись)

Руководитель

А.И. Сафронов



(ученая степень, звание, И.О. Фамилия)

Консультант

И.Ю. Усатова



(ученая степень, звание, И.О. Фамилия)



Тольятти 2022

Аннотация




Выпускная квалификационная работа на тему: «Применение технологии для разработки Next.js веб - приложения по
размещению результатов студенческих исследований в области внутренней баллистики».

Ключевые слова: веб-приложение, веб-разработка, программирование, программное обеспечение, внутренняя баллистика.

Объём работы - 52 страницы, на которых представлены 60 рисунков.

При написании работы использовалось 20 источников.

Объект исследования: сервисы публикации выпускных работ студентов.

Предмет исследования: веб-приложения публикующие выпускные работы студентов.

Цель работы: разработать веб-приложение по размещению результатов студенческих исследований в области внутренней баллистики.

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

Структурно работа состоит из трех глав. Первая – задачи исследования, вторая определение технологий и разработка веб-приложения, третья описание разработанного веб-приложения.

Abstract




Final qualifying work on the topic: «Application of technology for development Next.js web application for posting the results of student research in the field of internal ballistics».

Keywords: web application, web development, programming, software, internal ballistics.

The volume of work is 52 pages, which contain 60 drawings. When writing the work, 20 sources were used.

Object of study: services for publishing students' graduation papers.

Subject of research: web applications publishing students' graduation papers.

The purpose of the work: to develop a web application for posting the results of student research in the field of internal ballistics.

The practical significance of the work lies in the fact that the developed web application allows for a more complete acquaintance of potential customers with the work of students on the topic of internal ballistics.

Structurally, the work consists of three chapters. The first is the research objectives, the second is the definition of technologies and the development of a web application, the third is a description of the developed web application.

Содержание


Введение 6

  1. Задачи исследования 7

    1. Характеристика предметной области 7

    2. Формулировка задачи 8

  2. Определение технологий и разработка веб-приложения 9

    1. Выбор и настройка среды разработки 9

      1. Определение среды разработки 9

      2. Выбор среды разработки 9

      3. Настройка среды разработки 13

    2. Выбор языков разработки 15

      1. Выбор фреймворка для разработки 15

      2. Определение jsx 16

      3. Определение Next.js технологии 18

    3. Разработка веб-приложения с применением Next.js технологии 19

      1. Components 26

      2. SSR(server side rendering) 28

      3. Навигация по приложению с помощью Link 30

      4. Image 30

    4. Настройка взаимодействия с поисковыми роботами 30

    5. Публикация сайта в сети-интернет (сайт + гитхаб) 33

      1. Создание репозитория на GitHub 33

      2. Деплой проекта 34

  3. Описание разработанного веб-приложения 36

    1. Описание интерфейса пользователя 36

    2. Описание основного функционала веб-приложения 38

    3. Адаптивность и логика приложения 40

      1. Адаптивность 40

      2. Логика приложения 48

Заключение 50

Список используемой литературы 51


Введение




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

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

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