Web-приложение 'Фотохостинг'

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

Интерес к фотохостингам начал проявляться в период развития интернет-аукционов, так как они не имели сервисов для загрузки фотографий каждого лота. В 2004 году это способствовало появлению первого в своём роде web-сайта, под названием Flickr.

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

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

Для достижения поставленной цели необходимо решить следующие задачи:

1) изучение методов поиска изображений,

2) проведение анализа и сравнения существующих сервисов,

3) выбор среды разработки приложения,

4) проектирование серверной и клиентской части web-приложения,

5) программная реализация проекта,

6) тестирование готового продукта.

ВВЕДЕНИЕ..................................................................................................... 3

1. Методы поиска изображений...................................................................... 5

1.1. Поиск на основе текстового описания..................................................... 5

1.2. Поиск изображений по содержанию........................................................ 6

2. Анализ и сравнение существующих сервисов............................................ 8

3. Среда разработки...................................................................................... 12

4. Проектирование серверной и клиентской частей..................................... 14

5. Реализация проекта................................................................................... 17

5.1. База данных............................................................................................ 17

5.2. Интерфейс............................................................................................... 18

6. Тестирование............................................................................................. 31

ЗАКЛЮЧЕНИЕ............................................................................................. 37

СПИСОК ЛИТЕРАТУРЫ............................................................................. 41

ПРИЛОЖЕНИЕ............................................................................................. 43

1) Anna Saro Vijendran, S. Vinod Kumar. A New Content Based Image Retrieval System by HOG of Wavelet Sub Bands. International Journal of Signal Processing, Image Processing and Pattern Recognition. – 2015. –Т. 8. – №. 4. – С. 297-306.

2) Manning, C.D., Raghavan, P., Schütze, H. Introduction to Information Retrieval. Cambridge, UK:Cambridge University Press. – 2008. – С.496.

3) A Sketch Retrieval Method for Full Color Image Database. Kato, T., Kurita, T., Otsu, N., Hirata, K. Query by Visual Example, Proc. of Int. Conf. on Pattern Recognition – 1992. – С. 530-533.

4) Айвазян С. А., Бухштабер В. М., Енюков И. С., Мешалкин Л. Д. Прикладная статистика: классификация и снижение размерности. М: Финансы и статистика – 1989. – C. 607.

5) Горев А. Ю., Шлеймович М. П., Юдинцева А. О. Контекстный поиск изображений в Web-системах // Вестник Казанского технологического университета. – 2014. – Т. 17. – №. 19.

6) Васильева Н. С. Методы поиска изображений по содержанию // Программирование. – 2009. – Т. 35. – №. 3. – С. 51-80.

7) About Flickr [Электронный ресурс]. – 2023. – URL: https://www.flickr.com/about (Дата обращения 04.04.23).

8) Imgur Обзор [Электронный ресурс]. – 2023. – URL: https://fileext.info/blog/imgur-обзор/ (Дата обращения 04.04.23).

9) Обзор 500px - сервис для профессиональных фотографов [Электронный ресурс]. – 2023. – URL: https://www.ferra.ru/review/apps/obzor- 500px-servis-dlya-professionalnyh-fotografov.htm (Дата обращения 04.04.23).

10) Возможности Visual Studio Code [Электронный ресурс]. – 2023. – URL: https://blog.skillfactory.ru/glossary/visual-studio-code/ (Дата обращения 10.04.23).

11) Полное руководство по Node.js [Электронный ресурс]. – 2023. – URL: https://nodejsdev.ru/guides/freecodecamp/ (Дата обращения 11.04.23).

12) Introduction to Sanity.io [Электронный ресурс]. – 2023. – URL: https://www.sanity.io/docs/a-short-introduction-to-sanity-io (Дата обращения 13.04.23).

13) NLP с Google Cloud Natural Language API [Электронный ресурс]. – 2023. – URL: https://www.toptal.com/machine-learning/google-nlp-tutorial (Дата обращения 14.04.23).

14) Unsplash: Unlike Any Creative Platform [Электронный ресурс]. – 2023. – https://medium.com/unsplash/unsplashs-api-c5e5de51aa43 (Дата обращения 14.04.23).

15) Почему web-разработчики выбирают React? [Электронный ресурс].

–  2023.  –  URL:  https://habr.com/ru/companies/ruvds/articles/428077/ (Дата обращения 15.04.23).

16) Обзор фреймворка TailwindCSS [Электронный ресурс]. – 2023. – URL: https://timeweb.com/ru/community/articles/chto-takoe-tailwindcss-zachem- nuzhen-i-chem-horosh (Дата обращения 17.04.23).

17) Setting up with Sanity CLI [Электронный ресурс]. – 2023. – https://www.sanity.io/docs/getting-started-sanity-cli? (Дата обращения ).

18) Install Tailwind CSS with Create React App [Электронный ресурс]. – 2023. – https://tailwindcss.com/docs/guides/create-react-app (Дата обращения 19.04.23).

19) Dataset Sanity [Электронный ресурс]. – 2023. – https://www.sanity.io/docs/dataset (Дата обращения 20.04.23).