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/}, url = {https://reactjs.org/},
} }
@misc{material,
title = {A Material hivatalos oldala},
url = {https://material.io/},
}
@misc{material-ui, @misc{material-ui,
title = {A Material UI hivatalos oldala}, title = {A Material UI hivatalos oldala},
url = {https://material-ui.com/}, 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, @thesis{birdnetes-tdk,
author = {Torma Kristóf és Pünkösdi Marcell}, author = {Torma Kristóf és Pünkösdi Marcell},
institution = {Budapesti Műszaki és Gazdaságtudományi Egyetem}, 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} \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} \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} \section{Frontend technológiák}
%---------------------------------------------------------------------------- %----------------------------------------------------------------------------
Ebben a szakaszban a kliensoldalhoz használt technológiákat mutatom be. 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 technológiákhoz. 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} \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} \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} \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