Разработка клиентской части веб-приложения размещения товаров, резюме, недвижимости и услуг для рынка Аргентины

Слайд 2

ЦЕЛЬ ДИПЛОМНОЙ РАБОТЫ: Разработать веб приложение для размещения товаров, резюме, недвижимости

ЦЕЛЬ ДИПЛОМНОЙ РАБОТЫ:
Разработать веб приложение для размещения товаров, резюме, недвижимости

и услуг для рынка Аргентины

Для достижения данной цели поставлены следующие задачи:
Сформулировать требования к веб-приложению
Реализовать архитектуру клиентской части и провести логические связи с серверной частью
Провести тестирование веб-приложения, на основе результатов которых будет проведена оптимизация программного продукта

Слайд 3

Перед созданием требовалось изучить: Базовую теорию графического дизайна. Теорию дизайна веб-приложений.

Перед созданием требовалось изучить:
Базовую теорию графического дизайна.
Теорию дизайна веб-приложений.
Выбрать художественный стиль.
Выбрать

цветовую гамму.

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

Слайд 4

АНАЛОГИ 4

АНАЛОГИ

4

Слайд 5

СТЕК 6 Frameworks: ReactJs Библиотека переадресации: React Router Библиотеки для работы

СТЕК

6

Frameworks: ReactJs
Библиотека переадресации: React Router
Библиотеки для работы с данными: Axios
State менеджер:

MobX
Слайд 6

СТРУКТУРА ВЕБ-ПРИЛОЖЕНИЯ 7 Главная страница Авторизация Поиск объявлений Профиль Страница объявления Профиль продавца Создание объявления

СТРУКТУРА ВЕБ-ПРИЛОЖЕНИЯ

7

Главная страница

Авторизация

Поиск объявлений

Профиль

Страница объявления

Профиль продавца

Создание объявления

Слайд 7

ВХОДНЫЕ И ВЫХОДНЫЕ ДАННЫЕ Text Сервер Веб-приложение Text Stored Data Запрос

ВХОДНЫЕ И ВЫХОДНЫЕ ДАННЫЕ

Text

Сервер

Веб-приложение

Text

Stored Data

Запрос к серверу на внесение/чтение данных

Запрос базе

данных на внесение/чтение данных

Передача данных серверу

Входные данные

База данных

Запрос к серверу на получение данных

Передача данных приложению

Отображение полученных данных

HTML-документ

Сервер

Клиент

Слайд 8

1 10

1

10

Слайд 9

Слайд 10

Слайд 11

1

1