\chapter{บทนำ}

\section{ที่มาและเหตุผล }
คนไทยในปัจจุบันนิยมท่องเที่ยวด้วยตนเองมากขึ้น เห็นได้จากจำนวนบทความที่เขียนเผยแพร่ทางสื่อออนไลน์ เช่น เว็บไซต์พันทิป บล็อกหรือเฟซบุ๊ก เป็นต้น นักท่องเที่ยวเหล่านี้ส่วนใหญ่นิยมไปเที่ยวต่างจังหวัด แต่การเดินทางไปเที่ยวต่างจังหวัด นักท่องเที่ยวบางส่วนอาจยังไม่รู้จักสถานที่ท่องเที่ยวในจังหวัดนั้นมากนัก และยังไม่ค่อยรู้เส้นทาง ทำให้นักท่องเที่ยวประสบปัญหาในการวางแผนว่าควรไปสถานที่ไหนก่อน
	ซึ่งในปัจจุบันก็มีแอปพลิเคชันที่ใช้ในการดูเส้นทางอยู่มากมาย เช่น google map แต่แอปพลิเคชั่นเหล่านั้นยังไม่ได้อำนวยความสะดวกให้กับนักท่องเที่ยวเท่าที่ควร เนื่องจากการเรียงลำดับสถานที่ของ google map จะเรียงลำดับตามสถานที่ที่ผู้ใช้งานเพิ่มเข้ามา ซึ่งอาจทำให้มีระยะทางที่มาก
ดังนั้น การพัฒนาซอฟต์แวร์ที่ช่วยอำนวยความสะดวกในการแนะนำสถานที่ท่องเที่ยวและวางแผนการเดินทางให้นักท่องเที่ยวจึงเป็นประโยชน์อย่างมาก

\section{วัตถุประสงค์}
\begin{enumerate}
	\item เพื่อแสดงสถานที่ท่องเที่ยวต่างๆ ให้กับนักท่องเที่ยว
	\item เพื่อบอกลำดับการเดินทางให้กับนักท่องเที่ยว
\end{enumerate}
\section{ขอบเขตของโครงงาน}
\begin{enumerate}
	\item สามารถแสดงตำแหน่งแหล่งท่องเที่ยวได้
	\item แสดงสถานที่ท่องเที่ยวในจังหวัดอุบลราชธานี,ยโสธร
	\item ผู้ใช้สามารถค้นหาสถานที่ท่องเที่ยวจากจังหวัดที่สนใจได้
	\item มีการแสดงเส้นทางจากจุดที่ผู้ใช้อยู่ไปยังจุดหมาย
	\item แสดงลำดับการเดินทางให้นักท่องเที่ยวได้
\end{enumerate}

\section{ประโยชน์ที่คาดว่าจะได้รับ}
\begin{enumerate}
	\item ทำให้นักท่องเที่ยวรู้เส้นทางการเดินทาง
	\item พื่อลดระยะเวลาในการเดินทาง
\end{enumerate}
\section{เครื่องมือที่ใช้ในการพัฒนา (Development tools)}
\subsection{ฮาร์ดเเวร์}
\begin{enumerate}
	\item เครื่องคอมพิวเตอร์ส่วนบุคคล (Personal computer)
		\begin{itemize}
			\item  ทำงานบนระบบปฏิบัติการ Windows 10
			\item  หน่วยประมวลผลกลาง (CPU) ความเร็ว 1.8 GHz
			\item  หน่วยความจำหลัก 4 กิกะไบต์ (Gigabyte, GB)
		\end{itemize}
\end{enumerate}

\subsection{ซอฟต์แวร์ (Software)}
\begin{enumerate}
	\item visual studio code เป็น IDE Tools 
	\item google map api ใช้สำหรับเรียกใช้แผนที่ 
	\item distance matrix api ใช้สำหรับหาระยะทาง
	\item Laravel ซึ่งเป็น Frontend Framework สำหรับพัฒนาเว็บไชต์
\end{enumerate}

\newpage
\subsection{แผนการดำเนินการ}

%\begin{landscape}
%\sffamily
\begin{table}[H]
	\noindent
	\caption{ขั้นตอนการดำเนินงาน}
	\begin{ganttchart}[
		canvas/.append style={fill=none, draw=black!5, line width=.75pt},
		vgrid={*2{draw=black!7, line width=.75pt}},
		title label font=\bfseries\footnotesize,
		bar label node/.append style={
			align=left,
			text width=width("7. Functional Testing On")},
		bar/.append style={draw=none, fill=black!63}
		]{1}{20}
		\gantttitle{2562}{10}
		\gantttitle{2563}{10}\\
		\gantttitle{ส.ค.}{2}
		\gantttitle{ก.ย.}{2}
		\gantttitle{ต.ค.}{2}
		\gantttitle{พ.ย.}{2}
		\gantttitle{ธ.ค.}{2} 
		\gantttitle{ม.ค.}{2}
		\gantttitle{ก.พ.}{2}
		\gantttitle{มี.ค.}{2}
		\gantttitle{เม.ย.}{2}
		\gantttitle{พ.ค.}{2} \\
		\ganttbar{1.ศึกษาข้อมูล}{1}{10} \\
		\ganttbar{2.วิเคราะห์และออกแบบระบบ}{5}{14} \\
		\ganttbar{3.เขียนโปรแกรม}{5}{18} \\
		\ganttbar{4.ทดสอบและแก้ไขปัญหา}{17}{20} \\
		\ganttbar{5.จัดทำเอกสาร}{20}{20} \\
	\end{ganttchart}
	\label{tab:ganttchart}
\end{table}
%\end{landscape}
%TODO แก้เทมเพลตเอาชื่อตารางไว้ด้านบน
