\chapter{คู่มือการใช้งานระบบ}
คู่มือการใช้งานทั้งหมดของระบบ สามารถแบ่งออกเป็น 2 ส่วน ดังนี้
\begin{itemize}
	\item ส่วนผู้ใช้งาน
	\item ส่วนผู้ดูแลระบบ
\end{itemize}
\section{ส่วนผู้ใช้งาน}
		\begin{enumerate}
			\item ส่วนของหน้าสมัครสมาชิก
			\begin{itemize}
				\item เมื่อผู้ใช้กดปุ่มสมัครสมาชิกระบบจะแสดงหน้าให้กรอกข้อมูลการสมัครสมาชิก ดังแสดงในรูปที่ \ref{Fig:uiweb1}\textbf{}
				\begin{figure}[H]
					\centering			
					\includegraphics[width=420]{Figures/7/web/register}
					\caption{หน้าจอการสมัครสมาชิก}
					\label{Fig:uiweb1}
				\end{figure}
			\end{itemize}
			จากรูปที่ \ref{Fig:uiweb1} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลข 1 คือ ปุ่มเข้าสู่ระบบเพื่อใช้ในการเข้าใช้งานระบบ
				\item หมายเลข 2 คือ ช่องกรอกชื่อผู้ใช้
				\item หมายเลข 3 คือ ช่องกรอกชื่อ-นามสกุล
				\item หมายเลข 4 คือ ช่องกรอกรหัสผ่าน
				\item หมายเลข 5 คือ ช่องกรอกรหัสผ่านยืนยัน
				\item หมายเลข 6 คือ เลือกเพศ
				\item หมายเลข 7 คือ ปุ่มเลือกรูปภาพโปรไฟล์
				\item หมายเลข 8 คือ ปุ่มสมัครสมาชิกเพื่อยืนยันการสมัครสมาชิก
				\item หมายเลข 9 คือ ปุ่มยกเลิกเมือไม่ต้องการสมัครสมาชิก
			\end{itemize} 

			\item ส่วนของหน้าเข้าสู่ระบบ
			\begin{itemize}
				\item เมื่อผู้ใช้สมัครสมาชิกสำเร็จผู้ใช้สามารถเข้าสู่ระบบได้ด้วยการกดปุ่มเข้าสู่ระบบ ดังแสดงในรูปที่ \ref{Fig:uiweb2}\textbf{}
				\begin{figure}[H]
					\centering			
					\includegraphics[width=420]{Figures/7/web/login}
					\caption{หน้าจอการเข้าสู่ระบบ}
					\label{Fig:uiweb2}
				\end{figure}
			\end{itemize}
			จากรูปที่ \ref{Fig:uiweb2} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลข 1 คือ ช่องกรอกชื่อผู้ใช้
				\item หมายเลข 2 คือ ช่องกรอกรหัสผ่าน
				\item หมายเลข 3 คือ ปุ่มกดเข้าสู่ระบบ
				\item หมายเลข 4 คือ เมือผู้ใช้คลิกสมัครสมาชิกระบบจะแสดงหน้าสมัครสมาชิก
			\end{itemize}
			\newpage
			
			\item ส่วนของหน้าจัดอันดับสถานที่ยอดนิยม
			\begin{itemize}
				\item เมื่อผู้ใช้กดเลือกเมนูสถานที่ยอดนิยมระบบจะแสดงหน้าจัดอันดับสถานที่ยอดนิยมให้แก่ผู้ใช้ได้ดู ดังแสดงในรูปที่ \ref{Fig:uiweb3}\textbf{}
				\begin{figure}[H]
					\centering			
					\includegraphics[width=420]{Figures/7/web/popular}
					\caption{หน้าจอการจัดอันดับสถานที่ยอดนิยม}
					\label{Fig:uiweb3}
				\end{figure}
			\end{itemize}
			จากรูปที่ \ref{Fig:uiweb3} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลข 1 คือ เมนูสถานที่ยอดนิยม จะแสดงข้อมูลสถานที่ยอดนิมโดยจะให้ผู้ใช้สามารถเลือกกลุ่มที่จะดูสถานทียอดนิยมได้
				\item หมายเลข 2 คือ เมนูที่เที่ยว จะแสดงหน้าให้ผู้ใช้เลือกหมวดทที่เที่ยว
				\item หมายเลข 3 คือ เมนูที่กิน จะแสดงหน้าให้ผู้ใช้เลือกหมวดที่กิน
				\item หมายเลข 4 คือ เมนูที่พัก จะแสดงหน้าให้ผู้ใช้เลือกหมวดที่พัก
				\item หมายเลข 5 คือ เมนูแนะนำสถานที่ จะแสดงหน้าข้อมูลให้ผู้ใช้กรอกแบบประเมิน
				\item หมายเลข 6 คือ ปุ่มโปรไฟล์ โดยผู้ใช้สามารถดูข้อมูลโปรไฟล์ของตัวเองได้
				\item หมายเลข 7 คือ เป็นส่วนของการให้ผู้ใช้เลือกปประเภทที่ต้องการกดูข้อมูลสถานที่ยอดนิยม
				\item หมายเลข 8 คือ แสดงข้อมูลรายละเอียกสถานที่ยอดนิยมโดยเรียงจากอันดับที่หนึ่งไปหาอันกับสุดท้าย
			\end{itemize}
			\newpage

			\item ส่วนของหน้าหมวดสถานที่กิน
			\begin{itemize}
				\item เมื่อผู้ใช้กดเลือกเมนูสถานที่กินระบบจะแสดงหน้าประเภทของร้านอาหารให้แก่ผู้ใช้ได้ดู ดังแสดงในรูปที่ \ref{Fig:uiweb4}\textbf{}
				\begin{figure}[H]
					\centering			
					\includegraphics[width=420]{Figures/7/web/eat}
					\caption{หน้าจอหมวดที่กิน}
					\label{Fig:uiweb4}
				\end{figure}
			\end{itemize}
			จากรูปที่ \ref{Fig:uiweb4} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลข 1 คือ ปุ่มเลือกประเภทข้อมูลที่ต้องการที่จะค้นหา
				\item หมายเลข 2 คือ ช่องกรอกชื่อสถานที่ที่ต้องการค้นหา
				\item หมายเลข 3 คือ ปุ่มค้นหา เมื่อกรอกชื่อสถานที่เสร็จสามารถกดปุ่มค้นหาได้
				\item หมายเลข 4 คือ แสดงข้อมูลหมวดต่างๆเพื่อให้ผู้ใช้ได้เลือกดูข้อมูลตามหมวด
			\end{itemize}
			\newpage

			\item ส่วนของข้อมูลสถานที่
			\begin{itemize}
				\item เมื่อผู้ใช้กดเลือกสถานที่เที่ยวระบบจะแสดงหน้ารายละเอียดสถานที่ให้แก่ผู้ใช้ได้ดู ดังแสดงในรูปที่ \ref{Fig:uiweb5}\textbf{}
				\begin{figure}[H]
					\centering			
					\includegraphics[width=420]{Figures/7/web/listplace}
					\caption{หน้าจอแสดงข้อมูลสถานที่}
					\label{Fig:uiweb5}
				\end{figure}
			\end{itemize}
			จากรูปที่ \ref{Fig:uiweb5} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลข 1 คือ ส่วนของการแสดงข้อมูลสถานที่โดยจะประกอบด้วย ชื่อสถานที่ ที่อยู่ คะแนนเฉลี่ยของสถานที่ และรูปภาพสถานที่
				\item หมายเลข 2 คือ ปุ่มเพิ่มข้อมูล เมื่อผู้ใช้ต้องการที่จะเพิ่มข้อมูลสถานที่ใหม่เข้าไปในระบบเพื่อให้คนอื่นได้รู้จัก
			\end{itemize}
			
			\item ส่วนของหน้ารายละเอียดสถานที่
			\begin{itemize}
				\item เมื่อผู้ใช้กดเลือกสถานที่เที่ยวระบบจะแสดงหน้ารายละเอียดสถานที่ให้แก่ผู้ใช้ได้ดู ดังแสดงในรูปที่ \ref{Fig:uiweb6}\textbf{}
				\begin{figure}[H]
					\centering			
					\includegraphics[width=420]{Figures/7/web/detail}
					\caption{หน้าจอแดงรายละเอียดสถานที่}
					\label{Fig:uiweb6}
				\end{figure}
			\end{itemize}
			จากรูปที่ \ref{Fig:uiweb6} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลข 1 คือ ปุ่มเขียนรีริว ใช้ในการแสดงหน้าเขียนรีวิวเมื่อผู้ใช้ต้องการที่จะเขียนรีวิว
				\item หมายเลข 2 คือ ปุ่มบันทึก ใช้ในการบันทึกสถานที่ไว้เพื่อเข้าไปอ่านข้อมูลรายเอียดที่หลัง
				\item หมายเลข 3 คือ ปุ่มแจ้งแก้ไข ใช้ในการแสดงหน้าแจ้งแก้ไขเมื่อผู้ใช้เห็นว่าข้อมูลในส่วนนี้ไม่ถูกต้อง
				\item หมายเลข 4 คือ แสดงรายละเอียดข้อมูลของสถานที่
				\item หมายเลข 5 คือ ส่วนที่ใช้ในการแสดงแผนที่
			\end{itemize}
			\newpage

			\item ส่วนของหน้าแสดงโปรไฟล์ผู้ใช้
			\begin{itemize}
				\item เมื่อผู้ใช้กดเลือกโปรไฟล์ระบบจะแสดงหน้าข้อมูลรายละเอียดของผู้ใช้ ดังแสดงในรูปที่ \ref{Fig:uiweb7}\textbf{}
				\begin{figure}[H]
					\centering			
					\includegraphics[width=420]{Figures/7/web/profile}
					\caption{หน้าจอแสดงข้อมูลโปรไฟล์ของผู้ใช้}
					\label{Fig:uiweb7}
				\end{figure}
			\end{itemize}
			จากรูปที่ \ref{Fig:uiweb7} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลข 1 คือ ปุ่มแก้ไขโปรไฟล์ โดยจะแสดงหน้าแก้ไขซึ่งจะสามารถแก้ไขรูปภาพ ชื่อผู้ใช้ เปลี่ยนรหัสผ่านได้
				\item หมายเลข 2 คือ เมนูที่บันทึกไว้ ถ้าผู้ใช้กดเมนูนี้จะแสดงข้อมูลสถานที่ที่ผู้ใช้ได้ทำการกดบันทึกไว้
				\item หมายเลข 3 คือ เมนูรีวิว ถ้าผู้ใช้กดเมนูนี้จะแสดงข้อมูลสถานที่ที่ผู้ใช้ได้ทำการเขียนรีวิวไว้
				\item หมายเลข 4 คือ เมนูสถานที่เพิ่ม ถ้าผู้ใช้กดเเมนูนี้จะแสดงข้อมูลสถานที่ที่ผู้ใช้ได้เพิ่มลงในระบบ
				\item หมายเลข 5 คือ ส่วนที่ใช้แสดงข้อมูลสถานที่ต่างๆตามเมนูที่ผู้ใช้เลือก
			\end{itemize}
			\newpage

			\item ส่วนของหน้าเขียนรีวิวและให้คะแนน
			\begin{itemize}
				\item เมื่อผู้ใช้กดปุ่มเขียนรีวิวระบบจะแสดงหน้าเขียนรีวิว ดังแสดงในรูปที่ \ref{Fig:uiweb8}\textbf{}
				\begin{figure}[H]
					\centering			
					\includegraphics[width=420]{Figures/7/web/review}
					\caption{หน้าจอแสดงเขียนรีวิว}
					\label{Fig:uiweb8}
				\end{figure}
			\end{itemize}
			จากรูปที่ \ref{Fig:uiweb8} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลข 1 คือ ส่วนของการให้คะแนนสถานที่
				\item หมายเลข 2 คือ ช่องกรอกหัวข้อรีวิว
				\item หมายเลข 3 คือ ช่องกรอกรายละเอียดรีวิว
				\item หมายเลข 4 คือ ปุ่มเพิ่มรูปภาพของรีวิว
				\item หมายเลข 5 คือ ปุ่มบันทึกรีวิว
				\item หมายเลข 6 คือ ปุ่มยกเลิกการเขียนรีวิว
			\end{itemize}
\end{enumerate}
\newpage
\section{ส่วนผู้ดูแลระบบ}
		\begin{enumerate}
			\item ส่วนของการจัดการข้อมูล
			\begin{itemize}
				\item เมื่อผู้ดูแลระบบเข้าสู่ระบบสำเร็จ จะเข้ามาหน้าจัดการข้อมูลสถานที่ ดังแสดงในรูปที่ \ref{Fig:uiweb9}\textbf{}
				\begin{figure}[H]
					\centering			
					\includegraphics[width=420]{Figures/7/web/admin1}
					\caption{หน้าจอจัดการข้อมูลสถานที่เที่ยว}
					\label{Fig:uiweb9}
				\end{figure}
			\end{itemize}
			จากรูปที่ \ref{Fig:uiweb9} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลข 1 คือ เมนูแจ้งแก้ไข จะแสดงข้อมูลการแจ้งแก้ไขมาจากฝั่งของผู้ใช้
				\item หมายเลข 2 คือ เมนูข้อมูลที่เที่ยว จะแสดงข้อมูลสถานที่เที่ยวทั้งหมดเพื่อให้ผู้ดูแลระบบสามารถจัดการข้อมูลได้
				\item หมายเลข 3 คือ เมนูข้อมูลที่กิน จะแสดงข้อมูลสถานที่กินทั้งหมดเพื่อให้ผู้ดูแลระบบสามารถจัดการข้อมูลได้
				\item หมายเลข 4 คือ เมนูข้อมูลที่พัก จะแสดงข้อมูลสถานที่พักทั้งหมดเพื่อให้ผู้ดูแลระบบสามารถจัดการข้อมูลได้
				\item หมายเลข 5 คือ เมนู train ผู้ดูแลระบบสามารถ train model ใหม่ทุกครั้งได้
				\item หมายเลข 6 คือ ปุ่มออกจากระบบ
				\item หมายเลข 7 คือ ปุ่มเลือกประเภทเพื่อดูข้อมูลแค่ประเภทนั้นๆ
				\item หมายเลข 8 คือ แสดงรายละเอียดข้อมูล
				\item หมายเลข 9 คือ ปุ่มเพิ่มข้อมูลสถานที่
				\item หมายเลข 10 คือ ปุ่มแก้ไขข้อมูลสถานที่
				\item หมายเลข 11 คือ ปุ่มลบข้อมูลสถานที่
			\end{itemize}
			\newpage

			\item ส่วนของการจัดการข้อมูลเเพิ่มข้อมูลถานที่
			\begin{itemize}
				\item เมื่อผู้ดูแลระบบเข้าสู่ระบบและต้องการเพิ่มข้อมูลสามารถกดปุ่มเพิ่มข้อมูล ระบบจะแสดงหน้าเพิ่มให้กรอกข้อมูลสถานที่ ดังแสดงในรูปที่ \ref{Fig:uiweb10}\textbf{}
				\begin{figure}[H]
					\centering			
					\includegraphics[width=420]{Figures/7/web/add}
					\caption{หน้าจอการเพิ่มสถานที่}
					\label{Fig:uiweb10}
				\end{figure}
			\end{itemize}
			จากรูปที่ \ref{Fig:uiweb10} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลข 1 คือ ส่วนที่แสดงให้ผู้ดูแลระบบกรอกข้อมูลสถานที่ที่ต้องการเพิ่มข้อมูล
				\item หมายเลข 2 คือ ปุ่มบันทึก เพื่อเป็นการยืนยันการเพิ่มสถานที่
				\item หมายเลข 3 คือ ปุ่มยกเลิก เพื่อเป็นการยืนยันยกเลิกการเพิ่มสถานที่
			\end{itemize}
			\newpage

			\item ส่วนของการจัดการข้อมูลแก้ไขสถานที่
				\begin{itemize}
				\item เมื่อผู้ดูแลระบบเข้าสู่ระบบและต้องการแก้ไขข้อมูลสามารถกดปุ่มแก้ไข และระบบจะแสดงหน้าแก้ไข ดังแสดงในรูปที่ \ref{Fig:uiweb11}\textbf{}
				\begin{figure}[H]
					\centering			
					\includegraphics[width=420]{Figures/7/web/edit}
					\caption{หน้าจอการแก้ไขข้อมูลสถานที่}
					\label{Fig:uiweb11}
				\end{figure}
			\end{itemize}
			จากรูปที่ \ref{Fig:uiweb11} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลข 1 คือ ส่วนแสดงข้อมูลรายละเอียดของสถานที่
				\item หมายเลข 2 คือ ปุ่มบันทึกการแก้ไข เมื่อผู้ดูแลระบบต้องการที่จะบันทึกข้อมูลที่แก้ไข
				\item หมายเลข 3 คือ ปุ่มยกเลิกการแก้ไข
			\end{itemize} 
			\newpage

			\item ส่วนของหน้าจัดการข้อมูลแจ้งแก้ไข
			\begin{itemize}
				\item เมื่อผู้ดูแลระบบเข้าสู่ระบบและต้องการจัดการข้อมูลแจ้งแก้ไขสามารถกดที่เมนูแจ้งแก้ไข ระบบจะแสดงหน้าแจ้งแก้ไข ดังแสดงในรูปที่ \ref{Fig:uiweb12}\textbf{}
				\begin{figure}[H]
					\centering			
					\includegraphics[width=420]{Figures/7/web/admin2}
					\caption{หน้าจอการแจ้งแก้ไข}
					\label{Fig:uiweb12}
				\end{figure}
			\end{itemize}
			จากรูปที่ \ref{Fig:uiweb12} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลข 1 คือ ปุ่มแก้ไข เมื่อผู้ดูแลระบบต้องการแก้ไขข้อมูลตัวที่ผู้ใช้แจ้งเข้ามา
				\item หมายเลข 2 คือ รายละเอียดข้อมูลผู้แจ้งแก้ไขและชื่อสถานที่ที่แจ้งแกไข
			\end{itemize} 
\end{enumerate}