Finished birdmap-technologies

This commit is contained in:
kunkliricsi 2020-12-01 09:44:11 +01:00
parent a5a37fdd1b
commit ed4e207ff0
4 changed files with 2026 additions and 1814 deletions

View File

@ -48,11 +48,26 @@
url = {https://reactjs.org/},
}
@misc{material,
title = {A Material hivatalos oldala},
url = {https://material.io/},
}
@misc{material-ui,
title = {A Material UI hivatalos oldala},
url = {https://material-ui.com/},
}
@misc{apexcharts,
title = {Az Apexcharts hivatalos oldala},
url = {https://apexcharts.com/},
}
@misc{google-map-react,
title = {A Google Map React hivatalos oldala},
url = {https://www.npmjs.com/package/google-map-react},
}
@thesis{birdnetes-tdk,
author = {Torma Kristóf és Pünkösdi Marcell},
institution = {Budapesti Műszaki és Gazdaságtudományi Egyetem},

View File

@ -0,0 +1,5 @@
%----------------------------------------------------------------------------
\chapter{Backend}
\label{chapt:birdmap-backend}
%----------------------------------------------------------------------------
Ebben a fejezetben bemutatom, hogy hogyan épül fel a szerveroldal.

View File

@ -8,7 +8,7 @@ hogy a következő fejezetekben alapozni tudjak ezeknek az ismeretére.
%----------------------------------------------------------------------------
\section{A fejlesztési folyamat technológiái}
%----------------------------------------------------------------------------
Ebben a szakaszban azokat az eszközöket, alkalmazásokat mutatom be, melyeket a fejlesztés során használtam.
Ebben a szakaszban azokat az eszközöket, alkalmazásokat és fejlesztőkörnyezeteket mutatom be, melyeket a fejlesztés során, a fejlesztéshez használtam.
%----------------------------------------------------------------------------
\subsection{Git}
@ -82,8 +82,8 @@ Az MQTT.NET is egy .NET szoftvercsomag, mely a Birdnetes által is használt, a
%----------------------------------------------------------------------------
\section{Frontend technológiák}
%----------------------------------------------------------------------------
Ebben a szakaszban a kliensoldalhoz használt technológiákat mutatom be.
Választásomnál fő motiváció az volt, hogy szerettem volna valami újat kipróbálni, aminek nincs köze a .NET technológiákhoz.
Ebben a szakaszban a kliensoldalon használt technológiákat mutatom be.
Választásomnál fő motiváció az volt, hogy szerettem volna valami újat kipróbálni, aminek nincs köze a .NET keretrendszerhez.
%----------------------------------------------------------------------------
\subsection{React.js}
@ -103,8 +103,15 @@ Alkalmazásával könnyő esztétikus felhasználói felületeket készíteni, m
%----------------------------------------------------------------------------
\subsection{Apexcharts}
%----------------------------------------------------------------------------
Az Apexcharts\cite{apexcharts} egy nyílt forráskódú JavaScript szoftvercsomag, amellyel könnyen konfigurálható, modern kinézetű diagrammokat lehet készíteni.
Sokféle kliensoldali (és szerveroldali) technológiát támogat, köztük a React-et is. A kezelőfelületen található vizualizációk szinte összes elemét ennek használatával csináltam.
%----------------------------------------------------------------------------
\subsection{Google Maps Api}
%----------------------------------------------------------------------------
%----------------------------------------------------------------------------
A Google szinte összes termékének van API-ja, ami lehetővé teszi a programozók számára, hogy integrálják ezeket saját alkalmazásaikban.
A Google Maps sincs másképp és mivel ennek interfésze külön támogatja a hőtérképes réteg használatát is, nem gondoltam, hogy ettől jobb eszközt tudnék találni a feladat megvalósítására.
A Google Maps API-t, ami alapvetően csak egy JavaScript csomag, rengetegen újracsomagolják, hogy különböző részét, különböző keretrendszerekben is lehessen használni.
Ezek közül én a Google Map React\cite{google-map-react}-et választottam, egyrészt mert támogatja a hőtérképes réteg használatát,
másrészt mert lehetővé teszi a térképen való React komponensek renderelését az alapértelmezett markerek helyett.

File diff suppressed because it is too large Load Diff