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

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

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

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

Добавлен: 07.11.2023

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

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

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

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

ФЕДЕРАЦИИ

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

образования

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

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

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

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

систем

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

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

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


Студент

А.А. Щекин



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













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

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

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



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

Консультант

И.Ю. Усатова



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



Тольятти 2022

Аннотация

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

размещению результатов студенческих исследований в области внутренней баллистики».

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

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

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

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

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

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

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

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


Abstract

Finalqualifyingworkonthetopic:«Applicationoftechnologyfordevelopment Next.js web application for posting the results of student research inthefieldofinternalballistics».Keywords:webapplication,webdevelopment,programming,software,internal ballistics.The volume of work is 52 pages, which contain 60 drawings. When writingthework,20sourceswere used.Objectofstudy:servicesforpublishingstudents'graduationpapers.Subjectofresearch:webapplicationspublishingstudents'graduationpapers.The purpose of the work: to develop a web application for posting the resultsofstudentresearch inthe fieldof internalballistics.The practical significance of the work lies in the fact that the developed webapplicationallowsforamorecompleteacquaintanceofpotentialcustomerswiththeworkof studentsonthe topicof internal ballistics.Structurally, the work consists of three chapters. The first is the researchobjectives,thesecondisthedefinitionoftechnologiesandthedevelopmentofawebapplication,thethirdisadescription ofthedeveloped webapplication.

Содержание


Введение 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 лучше всего подходитдляэтихцелей.Дизайнпроектавключаетсявсебяэлементыминимализма.Минимализмподразумевает выдвижение основного текста и изображений на первый план.Принципиально показать главную информацию о дипломах студентов безлишних визуальных эффектов. Этот подход позволяет комплексно подходитькизучениюпроектов,представленныхввеб-приложении.Внастоящеевремявыполнениебольшихзадачпринимаютучастиеколлективыисследователей.НапримереТольяттинскийгосударственныйуниверситетатакой