Finished birdmap-technologies
This commit is contained in:
		@@ -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},
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -0,0 +1,5 @@
 | 
				
			|||||||
 | 
					%----------------------------------------------------------------------------
 | 
				
			||||||
 | 
					\chapter{Backend}
 | 
				
			||||||
 | 
					\label{chapt:birdmap-backend}
 | 
				
			||||||
 | 
					%----------------------------------------------------------------------------
 | 
				
			||||||
 | 
					Ebben a fejezetben bemutatom, hogy hogyan épül fel a szerveroldal.
 | 
				
			||||||
@@ -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
											
										
									
								
							
		Reference in New Issue
	
	Block a user