\chapter{คู่มือการใช้งานระบบ}
คู่มือการใช้งานทั้งหมดของระบบ สามารถแบ่งออกเป็น 3 ส่วน ดังนี้
\begin{enumerate}[label=\arabic*]
	\item ส่วนผู้ใช้งาน
	\item ส่วนร้านค้า
	\item ส่วนผู้ดูแลระบบ
\end{enumerate}
\section{ส่วนผู้ใช้งาน}
	\begin{enumerate}[label=\arabic*.]
		\item ส่วนของหน้าหลัก
		\begin{itemize}
			\item เมื่อผู้ใช้เข้าเว็บระบบจะแสดงหน้าหลักดังต่อไปนี้
				\begin{figure}[H]
					\centering
					\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอหลักของระบบ}
					\caption{หน้าจอหลักของระบบ}
					\label{Fig:หน้าจอหลักของระบบ}
				\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอหลักของระบบ} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 ปุ่มหน้าหลักของระบบ
				\item หมายเลขที่ 2 ปุ่มกดดูแนะนำเสื้อผ้า
				\item หมายเลขที่ 3 ปุ่มกดดูเสื้อผ้าทั้งหมดในระบบ
				\item หมายเลขที่ 4 ปุ่มกดดูร้านค้าทั้งหมดในระบบ
				\item หมายเลขที่ 5 ปุ่มสำหรับสมัครสมาชิก
				\item หมายเลขที่ 6 ปุ่มสำหรับเข้าสู่ระบบ
			\end{itemize}
		\end{itemize}
	
		\item ส่วนของหน้าสมัครสมาชิก
			\begin{itemize}
				\item เมื่อผู้ใช้กดปุ่มสมัครสมาชิกระบบจะแสดงหน้าให้กรอกข้อมูลสมัครสมาชิกดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอสมัครสมาชิก}
				\caption{หน้าจอสมัครสมาชิก}
				\label{Fig:หน้าจอสมัครสมาชิก}
			\end{figure}
		จากรูปที่ \ref{Fig:หน้าจอสมัครสมาชิก} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 ช่องกรอกชื่อผู้ใช้งาน
				\item หมายเลขที่ 2 ช่องกรอกรหัสผ่าน
				\item หมายเลขที่ 3 ช่องกรอก E-mail
				\item หมายเลขที่ 4 ช่องเลือกเพศ
				\item หมายเลขที่ 5 ช่องเลือกวัน/เดือน/ปีเกิด
				\item หมายเลขที่ 6 ช่องเลือกรูปร่าง
				\item หมายเลขที่ 7 ช่องเลือกสีผิว
				\item หมายเลขที่ 8 ช่องเลือกกรูปโปร์ไฟล์
				\item หมายเลขที่ 9 ปุ่มกดสมัครสมาชิก
				\item หมายเลขที่ 10 ปุ่มกดเข้าสู่ระบบหากทำการสมัครสมาชิกแล้ว
				\item หมายเลขที่ 11 ปุ่มกลับหน้าหลักของระบบ
			\end{itemize}
		\end{itemize}
	
		\item ส่วนของหน้าเข้าสู่ระบบ
		\begin{itemize}
			\item เมื่อผู้ใช้สมัครสมาชิกสำเร็จแล้วกดปุ่มเข้าสู่ระบบ ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอเข้าสู่ระบบ}
				\caption{หน้าจอเข้าสู่ระบบ}
				\label{Fig:หน้าจอเข้าสู่ระบบ}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอเข้าสู่ระบบ} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 ช่องกรอกชื่อผู้ใช้
				\item หมายเลขที่ 2 ช่องกรอกรหัสผ่าน
				\item หมายเลขที่ 3 ปุ่มกดเข้าสู่ระบบ
				\item หมายเลขที่ 4 ปุ่มสมัครสมาชิกสำหรับผู้ที่ยังไม่เป็นสมาชิก 
			\end{itemize}
		\end{itemize}
	
		\newpage
		\item ส่วนของหน้าเสื้อผ้าทั้งหมด
		\begin{itemize}
			\item เมื่อผู้ใชกดปุ่มเสื้อผ้าทั้งหมดระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอเสื้อผ้าทั้งหมด}
				\caption{หน้าจอเสื้อผ้าทั้งหมด}
				\label{Fig:หน้าจอเสื้อผ้าทั้งหมด}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอเสื้อผ้าทั้งหมด} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 ปุ่มกดแสดงรายการเสื้อผ้าทั้งหมดรวมทั้ง 6 ประเภท
				\item หมายเลขที่ 2 ปุ่มกดดูเฉพาะเสื้อ
				\item หมายเลขที่ 3 ปุ่มกดดูเฉพาะกางเกง
				\item หมายเลขที่ 4 ปุ่มกดดูเฉพาะกระโปรง
				\item หมายเลขที่ 5 ปุ่มกดดูเฉพาะเดรส
				\item หมายเลขที่ 6 ปุ่มกดดูเฉพาะสูท
				\item หมายเลขที่ 7 ปุ่มกดดูรายการอื่นๆ
				\item หมายเลขที่ 8 ช่องกรอกชื่อเสื้อผ้าที่ต้องการค้นหา
				\item หมายเลขที่ 9 ปุ่มกดเพื่อค้นหา
				\item หมายเลขที่ 10 การ์ดแสดงรายการเสื้อที่แสดงจะประกอบไปด้วยชื่อและราคา
				\item หมายเลขที่ 11 ปุ่มกดเพื่อดูรายละเอียดสินค้า
			\end{itemize}
		\end{itemize}
		
		\newpage
		\item ส่วนของหน้ารายละเอียดสินค้า
		\begin{itemize}
			\item เมื่อผู้ใช้กดปุ่มดูรายละเอียดสินค้าระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอรายละเอียดสินค้า}
				\caption{หน้าจอรายละเอียดสินค้า}
				\label{Fig:หน้าจอรายละเอียดสินค้า}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอรายละเอียดสินค้า} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 แสดงรายละเอียดสินค้าทั้งหมด
				\item หมายเลขที่ 2 ปุ่มกดเพื่อดูร้านค้าของสินค้าชิ้นนี้
				\item หมายเลขที่ 3 ปุ่มเพิ่มเป็นสินค้าโปรดโดยสามารถกดเลือกระดับความชอบได้ 1-5 ซึ่งปุ่มกดเพิ่มเป็นสินค้าโปรดนี้จะแสดงต่อเมื่อเข้าสู่ระบบมาแล้วเท่านั้น
			\end{itemize}
		\end{itemize}
	
		\newpage
		\item ส่วนของหน้าร้านค้าทั้งหมด
		\begin{itemize}
			\item เมื่อผู้ใช้กดปุ่มร้านค้าทั้งหมด ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอร้านค้าทั้งหมด}
				\caption{หน้าจอร้านค้าทั้งหมด}
				\label{Fig:หน้าจอร้านค้าทั้งหมด}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอร้านค้าทั้งหมด} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 การ์ดแสดงรายการร้านค้าจะแสดงชื่อร้านค้า
				\item หมายเลขที่ 2 ปุ่มกดเพื่อดูรายละเอียดร้านค้า
			\end{itemize}
		\end{itemize}
		
		\newpage
		\item ส่วนของหน้ารายละเอียดร้านค้า
		\begin{itemize}
			\item เมื่อผู้ใช้กดปุ่มดูรายละเอียดร้านค้า ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอรายละเอียดร้านค้า}
				\caption{หน้าจอรายละเอียดร้านค้า}
				\label{Fig:หน้าจอรายละเอียดร้านค้า}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอร้านค้าทั้งหมด} สามารถอธิบายการใช้งานได้ดังนี้
		\begin{itemize}[label={--}]
			\item หมายเลขที่ 1 แสดงรายละเอียดร้านค้าทั้งหมด ซึ่งจะประกอบไปด้วย ชื่อร้าน ที่อยู่ร้าน เบอร์โทรติดต่อ E-mail และ Facebook
			\item หมายเลขที่ 2 ปุ่มกดเพิ่มเป็นร้านโปรด ซึ่งปุ่มกดเพิ่มเป็นร้านโปรดนี้จะแสดงต่อเมื่อเข้าสู่ระบบมาแล้วเท่านั้น
			\item หมายเลขที่ 3 จะแสดงรายการเสื้อผ้าทั้งหมดที่มีในร้าน
		\end{itemize}
		\end{itemize}
		
		\newpage
		\item ส่วนของหน้าแนะนำเสื้อผ้า
		\begin{itemize}
			\item เมื่อผู้ใช้เข้าสู่ระบบเรียบร้อยแล้วทำการกดปุ่มแนะนำเสื้อผ้า ระบบจะแสดงหน้าจอดังต่อไปนี้
		\begin{figure}[H]
			\centering
			\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอแนะนำเสื้อผ้า}
			\caption{หน้าจอแนะนำเสื้อผ้า}
			\label{Fig:หน้าจอแนะนำเสื้อผ้า}
		\end{figure}
	จากรูปที่ \ref{Fig:หน้าจอแนะนำเสื้อผ้า} สามารถอธิบายการใช้งานได้ดังนี้
	\begin{itemize}[label={--}]
		\item หมายเลขที่ 1 แสดงรายละเอียดร้านค้าทั้งหมด ซึ่งจะประกอบไปด้วย ชื่อร้าน ที่อยู่ร้าน เบอร์โทรติดต่อ E-mail และ Facebookหมายเลขที่ 1 การ์ดแสดงรายการเสื้อผ้าแนะนำสำหรับผู้ใช้งาน
		\item หมายเลขที่ 2 ปุ่มกดดูรายละเอียดร้านค้าเพื่อดูสินค้าที่น่าสนใจเพิ่มเติ่ม
	\end{itemize}
\end{itemize}
		
		\newpage
		\item ส่วนของหน้าข้อมูลผู้ใช้งาน
\begin{itemize}
	\item เมื่อผู้ใช้ทำการเข้าสู่ระบบเรียบร้อยแล้วกดที่ปุ่มข้อมูลผู้มช้งาน ระบบจะแสดงหน้าจอดังต่อไปนี้
	\begin{figure}[H]
		\centering
		\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอข้อมูลผู้ใช้งาน}
		\caption{หน้าจอข้อมูลผู้ใช้งาน}
		\label{Fig:หน้าจอข้อมูลผู้ใช้งาน}
	\end{figure}
	จากรูปที่ \ref{Fig:หน้าจอข้อมูลผู้ใช้งาน} สามารถอธิบายการใช้งานได้ดังนี้
	\begin{itemize}[label={--}]
		\item หมายเลขที่ 1 การ์ดแสดงข้อมูลผู้ใช้งานโดยจะประกอบไปด้วย ชื่อผู้ใช้ E-mail วัน/เดือน/ปีเกิด เพศ รูปร่าง สีผิว และรูปโปร์ไฟล์
		\item หมายเลขที่ 2 ปุ่มกดเแก้ไขข้อมูลผู้ใช้
		\item หมายเลขที่ 3 ปุ่มกดดูรายการสินค้าโปรด
		\item หมายเลขที่ 4 ปุ่มกดดูรายการ้านโปรด
		\item หมายเลขที่ 5 ปุ่มแสดงชื่อผู้ใช้จะประกอบไปด้วย ข้อมูลผู้ใช้งาน และข้อมูลร้านค้าในกรณีที่มีร้านค้าแล้ว แต่หากยังไม่มีร้านค้าจะแสดงรายการเป็นเพิ่มร้านค้า
		\item หมายเลขที่ 6 ปุ่มกดดูข้อมูลผู้ใช้งาน
		\item หมายเลขที่ 7 ปุ่มกดดูข้อมูลร้านค้า
		\item หมายเลขที่ 8 ปุ่มกดออกจากระบบ
	\end{itemize}
\end{itemize}
		
		\newpage
		\item ส่วนของหน้าแก้ไขข้อมูลผู้ใช้งาน
\begin{itemize}
	\item เมื่อผู้ใช้กดปุ่มแก้ไขข้อมูล ระบบจะแสดงหน้าจอดังต่อไปนี้
	\begin{figure}[H]
		\centering
		\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอแก้ไขข้อมูลผู้ใช้งาน}
		\caption{หน้าจอแก้ไขข้อมูลผู้ใช้งาน}
		\label{Fig:หน้าจอแก้ไขข้อมูลผู้ใช้งาน}
	\end{figure}
	จากรูปที่ \ref{Fig:หน้าจอแก้ไขข้อมูลผู้ใช้งาน} สามารถอธิบายการใช้งานได้ดังนี้
	\begin{itemize}[label={--}]
		\item หมายเลขที่ 1 ช่องกรอกชื่อผู้ใช้งาน ซึ่งจะไม่สามารถแก้ไขได้
		\item หมายเลขที่ 2 ช่องกรอกรหัสผ่าน ซึ่งจะไม่สามารถแก้ไขได้
		\item หมายเลขที่ 3 ช่องแก้ไขกรอก E-mail
		\item หมายเลขที่ 4 ช่องแก้ไขเลือกเพศ
		\item หมายเลขที่ 5 ช่องแก้ไขเลือกวัน/เดือน/ปีเกิด
		\item หมายเลขที่ 6 ช่องแก้ไขเลือกรูปร่าง
		\item หมายเลขที่ 7 ช่องแก้ไขเลือกสีผิว
		\item หมายเลขที่ 8 ช่องแก้ไขเลือกกรูปโปร์ไฟล์
		\item หมายเลขที่ 9 ปุ่มกดแก้ไขข้อมูลผู้ใช้
		\item หมายเลขที่ 10 ปุ่มกลับหน้าหลักของระบบ
	\end{itemize}
\end{itemize}
		
		\newpage
		\item ส่วนของหน้ารายการสินค้าโปรด
\begin{itemize}
	\item เมื่อผู้ใช้กดปุ่มรายการสินค้าโปรด ระบบจะแสดงหน้าจอดังต่อไปนี้
	\begin{figure}[H]
		\centering
		\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอรายการสินค้าโปรด}
		\caption{หน้าจอรายการสินค้าโปรด}
		\label{Fig:หน้าจอรายการสินค้าโปรด}
	\end{figure}
	จากรูปที่ \ref{Fig:หน้าจอรายการสินค้าโปรด} สามารถอธิบายการใช้งานได้ดังนี้
	\begin{itemize}[label={--}]
		\item หมายเลขที่ 1 การ์ดแสดงรายการสินค้าโปรดโดยจะประกอบไปด้วย ชื่อสินค้าและระดับความชอบสินค้าชิ้นนั้น
		\item หมายเลขที่ 2  ปุ่มกดเพื่อดูรายละเอียดสินค้า
		\item หมายเลขที่ 3 ปุ่มลบรายการสินค้าโปรด
		\item หมายเลขที่ 4 ปุ่มย้อนกลับไปหน้าข้อมูลผู้ใช้งาน
	\end{itemize}
\end{itemize}
		
		\newpage
		\item ส่วนของหน้ารายการร้านโปรด
\begin{itemize}
	\item เมื่อผู้ใช้กดปุ่มรายการร้านโปรด ระบบจะแสดงหน้าจอดังต่อไปนี้
	\begin{figure}[H]
		\centering
		\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอรายการร้านโปรด}
		\caption{หน้าจอรายการร้านโปรด}
		\label{Fig:หน้าจอรายการร้านโปรด}
	\end{figure}
	จากรูปที่ \ref{Fig:หน้าจอรายการร้านโปรด} สามารถอธิบายการใช้งานได้ดังนี้
	\begin{itemize}[label={--}]
		\item หมายเลขที่ 1 การ์ดแสดงรายการร้านโปรดโดยจะประกอบไปด้วย ชื่อร้านค้า
		\item หมายเลขที่ 2  ปุ่มกดเพื่อดูรายละเอียดร้านค้า
		\item หมายเลขที่ 3 ปุ่มลบรายการร้านโปรด
		\item หมายเลขที่ 4 ปุ่มย้อนกลับไปหน้าข้อมูลผู้ใช้งาน
	\end{itemize}
\end{itemize}

\end{enumerate}


\newpage
\section{ส่วนร้านค้า}
	\begin{enumerate}[label=\arabic*.]
		\item ส่วนของหน้าหลัก
		\begin{itemize}
		\item เมื่อผู้ใช้เข้าเว็บระบบจะแสดงหน้าหลักดังต่อไปนี้
		\begin{figure}[H]
			\centering
			\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอหลักของระบบ}
			\caption{หน้าจอหลักของระบบ}
			\label{Fig:หน้าจอหลักของระบบ}
		\end{figure}
		จากรูปที่ \ref{Fig:หน้าจอหลักของระบบ} สามารถอธิบายการใช้งานได้ดังนี้
		\begin{itemize}[label={--}]
			\item หมายเลขที่ 1 ปุ่มหน้าหลักของระบบ
			\item หมายเลขที่ 2 ปุ่มกดดูแนะนำเสื้อผ้า
			\item หมายเลขที่ 3 ปุ่มกดดูเสื้อผ้าทั้งหมดในระบบ
			\item หมายเลขที่ 4 ปุ่มกดดูร้านค้าทั้งหมดในระบบ
			\item หมายเลขที่ 5 ปุ่มสำหรับสมัครสมาชิก
			\item หมายเลขที่ 6 ปุ่มสำหรับเข้าสู่ระบบ
		\end{itemize}
	\end{itemize}
	
	\newpage
	\item ส่วนของหน้าสมัครสมาชิก
	\begin{itemize}
		\item เมื่อผู้ใช้กดปุ่มสมัครสมาชิกระบบจะแสดงหน้าให้กรอกข้อมูลสมัครสมาชิกดังต่อไปนี้
		\begin{figure}[H]
			\centering
			\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอสมัครสมาชิก}
			\caption{หน้าจอสมัครสมาชิก}
			\label{Fig:หน้าจอสมัครสมาชิก}
		\end{figure}
		จากรูปที่ \ref{Fig:หน้าจอสมัครสมาชิก} สามารถอธิบายการใช้งานได้ดังนี้
		\begin{itemize}[label={--}]
			\item หมายเลขที่ 1 ช่องกรอกชื่อผู้ใช้งาน
			\item หมายเลขที่ 2 ช่องกรอกรหัสผ่าน
			\item หมายเลขที่ 3 ช่องกรอกอีเมล์
			\item หมายเลขที่ 4 ช่องเลือกเพศ
			\item หมายเลขที่ 5 ช่องเลือกวัน/เดือน/ปีเกิด
			\item หมายเลขที่ 6 ช่องเลือกรูปร่าง
			\item หมายเลขที่ 7 ช่องเลือกสีผิว
			\item หมายเลขที่ 8 ช่องเลือกกรูปโปร์ไฟล์
			\item หมายเลขที่ 9 ปุ่มกดสมัครสมาชิก
			\item หมายเลขที่ 10 ปุ่มกดเข้าสู่ระบบหากทำการสมัครสมาชิกแล้ว
			\item หมายเลขที่ 11 ปุ่มกลับหน้าหลักของระบบ
		\end{itemize}
	\end{itemize}
				
	\newpage
	\item ส่วนของหน้าเข้าสู่ระบบ
	\begin{itemize}
		\item เมื่อผู้ใช้สมัครสมาชิกสำเร็จแล้วกดปุ่มเข้าสู่ระบบ ระบบจะแสดงหน้าจอดังต่อไปนี้
		\begin{figure}[H]
			\centering
			\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอเข้าสู่ระบบ}
			\caption{หน้าจอเข้าสู่ระบบ}
			\label{Fig:หน้าจอเข้าสู่ระบบ}
		\end{figure}
		จากรูปที่ \ref{Fig:หน้าจอเข้าสู่ระบบ} สามารถอธิบายการใช้งานได้ดังนี้
		\begin{itemize}[label={--}]
			\item หมายเลขที่ 1 ช่องกรอกชื่อผู้ใช้
			\item หมายเลขที่ 2 ช่องกรอกรหัสผ่าน
			\item หมายเลขที่ 3 ปุ่มกดเข้าสู่ระบบ
			\item หมายเลขที่ 4 ปุ่มสมัครสมาชิกสำหรับผู้ที่ยังไม่เป็นสมาชิก 
		\end{itemize}
	\end{itemize}			
	
		\newpage
		\item ส่วนของหน้าเพิ่มร้านค้า
		\begin{itemize}
			\item เมื่อร้านค้าเข้าสูระบบเรียบร้อยแล้วกดปุ่มเพิ่มร้านค้าตรงชื่อผู้ใช้งาน ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอเพิ่มร้านค้า}
				\caption{หน้าจอเพิ่มร้านค้า}
				\label{Fig:หน้าจอเพิ่มร้านค้า}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอเพิ่มร้านค้า} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 ช่องกรอกชื่อร้านค้า
				\item หมายเลขที่ 2 ช่องกรอกที่อยู่ E-mail
				\item หมายเลขที่ 3 ช่องกรอกที่อยู่ร้านค้า
				\item หมายเลขที่ 4 ช่องกรอกเบอร์โทรติดต่อ
				\item หมายเลขที่ 5 ช่องกรอก Facebook
				\item หมายเลขที่ 6 เลือกรูปโปร์ไฟล์ร้านค้า
				\item หมายเลขที่ 7 ปุ่มกดเพิ่มร้านค้า ซึ่ง 1 ผู้ใช้จะสามารถเพิ่มร้านค้าได้แค่ 1 ร้าน
				\item หมายเลขที่ 8 ปุ่มกดกลับไปหน้าข้อมูลร้านค้า
			\end{itemize}
		\end{itemize}
		
		\newpage
		\item ส่วนของหน้าข้อมูลร้านค้า
		\begin{itemize}
			\item เมื่อร้านค้าทำการเพิ่มข้อมูลร้านค้าสำเร็จแล้วทำการกดที่ชื่อผู้ใช้กดเลือกที่ข้อมูลร้านค้า ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอข้อมูลร้านค้า}
				\caption{หน้าจอข้อมูลร้านค้า}
				\label{Fig:หน้าจอข้อมูลร้านค้า}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอข้อมูลร้านค้า} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 การ์ดแสดงข้อมูลร้านค้าจะประกอบไปด้วย ชื่อผู้ใช้งาน ชื่อร้าน ที่อยู่ร้าน เบอร์โทรติดต่อ E-mail Facebook และรูปโปร์ไฟล์ร้านค้า
				\item หมายเลขที่ 2 ปุ่มกดแก้ไขข้อมูลร้านค้า
				\item หมายเลขที่ 3 ปุ่มกดจัดการข้อมูลสินค้าในร้าน
				\item หมายเลขที่ 4 ปุ่มกดดูรายการคนที่ถูกใจสินค้า
				\item หมายเลขที่ 5 ปุ่มกดดูรายการคนที่ถูกใจร้านค้า
			\end{itemize}
		\end{itemize}
		
		\newpage
		\item ส่วนของหน้าแก้ไขข้อมูลร้านค้า
		\begin{itemize}
			\item เมื่อร้านค้ากดปุ่มแก้ไขข้อมูลร้านค้า ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอแก้ไขข้อมูลร้านค้า}
				\caption{หน้าจอแก้ไขข้อมูลร้านค้า}
				\label{Fig:หน้าจอแก้ไขข้อมูลร้านค้า}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอแก้ไขข้อมูลร้านค้า} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 ช่องกรอกชื่อผู้ใช้งาน ซึ่งจะไม่สามารถแก้ไขได้
				\item หมายเลขที่ 2 ช่องกรอกรหัสผ่าน ซึ่งจะไม่สามารถแก้ไขได้
				\item หมายเลขที่ 3 ช่องแก้ไขชื่อร้านค้า
				\item หมายเลขที่ 4 ช่องแก้ไขที่อยู่ E-mail
				\item หมายเลขที่ 5 ช่องแก้ไขที่อยู่ร้านค้า
				\item หมายเลขที่ 6 ช่องแก้ไขเบอร์โทรติดต่อ
				\item หมายเลขที่ 7 ช่องแก้ไข Facebook
				\item หมายเลขที่ 8 ช่องแก้ไขเลือกรูปร้านค้า
				\item หมายเลขที่ 9 ปุ่มกดบันทึกการแก้ไขข้อมูลร้านค้า
				\item หมายเลขที่ 10 ปุ่มย้อนกลับไปหน้าข้อมูลร้านค้า
			\end{itemize}
		\end{itemize}
		
		\newpage
		\item ส่วนของหน้าจัดการข้อมูลสินค้า
		\begin{itemize}
			\item เมื่อร้านค้ากดปุ่มจัดการข้อมูลสินค้า ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอจัดการข้อมูลสินค้า}
				\caption{หน้าจอจัดการข้อมูลสินค้า}
				\label{Fig:หน้าจอจัดการข้อมูลสินค้า}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอจัดการข้อมูลสินค้า} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 ปุ่มย้อนกลับไปหน้าข้อมูลร้านค้า
				\item หมายเลขที่ 2 ปุ่มกดเพิ่มสินค้า
				\item หมายเลขที่ 3 ปุ่มกดแก้ไขสินค้า
				\item หมายเลขที่ 4 ปุ่มกดลบสินค้า
				\item หมายเลขที่ 5 ตารางแสดงรายการสินค้า ซึ่งจะประกอบไปด้วย ชื่อร้านค้า ชื่อสินค้า รูปสินค้า ประเภทสินค้า จำนวนสินค้า ขนาดสินค้า สีสินค้า และราคา 
			\end{itemize}
		\end{itemize}
		
		\newpage
		\item ส่วนของหน้าเพิ่มสินค้า
		\begin{itemize}
			\item เมื่อร้านค้ากดปุ่มเพิ่มสินค้า ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอเพิ่มสินค้า}
				\caption{หน้าจอเพิ่มสินค้า}
				\label{Fig:หน้าจอเพิ่มสินค้า}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอเพิ่มสินค้า} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 ช่องชื่อร้านค้า ซึ่งไม่สามารถแก้ไขได้
				\item หมายเลขที่ 2 ช่องกรอกชื่อสินค้า
				\item หมายเลขที่ 3 ช่องเลือกประเภทสินค้า
				\item หมายเลขที่ 4 ช่องกรอกจำนวนสินค้า
				\item หมายเลขที่ 5 ช่องเลือกขนาดสินค้า
				\item หมายเลขที่ 6 ช่องเลือกสีสินค้า
				\item หมายเลขที่ 7 ช่องกรอกราคาสินค้า
				\item หมายเลขที่ 8 ช่องเลือกรูปสินค้า
				\item หมายเลขที่ 9 ปุ่มบันทึกรายการสินค้า
				\item หมายเลขที่ 10 ปุ่มย้อนกลับไปหน้าจัดการข้อมูลสินค้า
			\end{itemize}
		\end{itemize}
			
		\newpage
		\item ส่วนของหน้าแก้ไขข้อมูลสินค้า
		 \begin{itemize}
		 	\item เมื่อร้านค้ากดปุ่มแก้ไขในตารางจัดการข้อมูลสินค้า ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอแก้ไขข้อมูลสินค้า}
				\caption{หน้าจอแก้ไขข้อมูลสินค้า}
				\label{Fig:หน้าจอแก้ไขข้อมูลสินค้า}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอแก้ไขข้อมูลสินค้า} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 ช่องชื่อร้านค้า ซึ่งไม่สามารถแก้ไขได้
				\item หมายเลขที่ 2 ช่องกรอกชื่อสินค้า
				\item หมายเลขที่ 3 ช่องเลือกประเภทสินค้า
				\item หมายเลขที่ 4 ช่องกรอกจำนวนสินค้า
				\item หมายเลขที่ 5 ช่องเลือกขนาดสินค้า
				\item หมายเลขที่ 6 ช่องเลือกสีสินค้า
				\item หมายเลขที่ 7 ช่องกรอกราคาสินค้า
				\item หมายเลขที่ 8 ช่องเลือกรูปสินค้า
				\item หมายเลขที่ 9 ปุ่มบันทึกรายการสินค้า
				\item หมายเลขที่ 10 ปุ่มย้อนกลับไปหน้าจัดการข้อมูลสินค้า 
			\end{itemize} 
		\end{itemize}
		
		\newpage
		\item ส่วนของหน้ารายการคนที่ถูกใจเสื้อผ้า
		\begin{itemize}
			\item เมื่อร้านค้ากดปุ่มดูรายการคนที่ถูกใจเสื้อผ้า ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอรายการคนที่ถูกใจเสื้อผ้า}
				\caption{หน้าจอรายการคนที่ถูกใจเสื้อผ้า}
				\label{Fig:หน้าจอรายการคนที่ถูกใจเสื้อผ้า}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอรายการคนที่ถูกใจเสื้อผ้า} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 รหัสผู้ใช้งานที่ถูกใจเสื้อผ้า
				\item หมายเลขที่ 2 ชื่อผู้ใช้งานที่ถูกใจเสื้อผ้า
				\item หมายเลขที่ 3 สินค้าที่ผู้ใช้งานถูกใจ
				\item หมายเลขที่ 4 ปุ่มย้อนกลับไปหน้าข้อมูลร้านค้า
			\end{itemize} 
		\end{itemize}
		
		\newpage
		\item ส่วนของหน้ารายการคนที่ถูกใจร้านค้า
		\begin{itemize}
			\item เมื่อร้านค้ากดปุ่มดูรายการคนที่ถูกใจร้านค้า ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอรายการคนที่ถูกใจร้านค้า}
				\caption{หน้าจอรายการคนที่ถูกใจร้านค้า}
				\label{Fig:หน้าจอรายการคนที่ถูกใจร้านค้า}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอรายการคนที่ถูกใจร้านค้า} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 รหัสผู้ใช้งานที่ถูกใจร้านค้า
				\item หมายเลขที่ 2 ชื่อผู้ใช้งานที่ถูกใจร้านค้า
				\item หมายเลขที่ 3 ชื่อร้านค้าที่ผู้ใช้งานถูกใจ
				\item หมายเลขที่ 4 ปุ่มย้อนกลับไปหน้าข้อมูลร้านค้า
			\end{itemize} 
		\end{itemize}	
	\end{enumerate}	

\newpage
\section{ส่วนผู้ดูแลระบบ}
	\begin{enumerate}[label=\arabic*.]
		\item ส่วนของหน้าเข้าสู่ระบบสำหรับผู้ดูแลระบบในฐานข้อมูล
		\begin{itemize}
			\item เมื่อผู้ดูแลทำการสมัครสมาชิกเสร็จเรียบร้อยแล้วทำการเข้าสู่ระบบ ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอเข้าสู่ระบบสำหรับผู้ดูแลระบบในฐานข้อมูล}
				\caption{หน้าจอเข้าสู่ระบบสำหรับผู้ดูแลระบบในฐานข้อมูล}
				\label{Fig:หน้าจอเข้าสู่ระบบสำหรับผู้ดูแลระบบในฐานข้อมูล}
			\end{figure}
			จากรูปที่ \ref{Fig:หน้าจอเข้าสู่ระบบสำหรับผู้ดูแลระบบในฐานข้อมูล} สามารถอธิบายการใช้งานได้ดังนี้
			\begin{itemize}[label={--}]
				\item หมายเลขที่ 1 ช่องกรอกชื่อผู้ใช้
				\item หมายเลขที่ 2 ช่องกรอกรหัสผ่าน
				\item หมายเลขที่ 3 ปุ่มกดเข้าสู่ระบบ
			\end{itemize}
		\end{itemize}
		
		\newpage
		\item ส่วนของหน้าตารางฐานข้อมูลทั้งหมด
		\begin{itemize}
			\item เมื่อผู้ดูแลระบบเข้าสูระบบเรียบร้อยแล้ว โดยในที่นี้จะยกตัวอย่างข้อมูลเพียงแค่ในส่วนของ ผู้ใช้งานและร้านค้า ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอหน้าตารางฐานข้อมูลทั้งหมด}
				\caption{หน้าจอหน้าตารางฐานข้อมูลทั้งหมด}
				\label{Fig:หน้าจอหน้าตารางฐานข้อมูลทั้งหมด}
			\end{figure}
		\end{itemize}
	
		\newpage
		\item ส่วนของหน้าจอตารางข้อมูลผู้ใช้งานทั้งหมด
		\begin{itemize}
			\item เมื่อผู้ดูแลระบบกดปุ่ม Users ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอตารางข้อมูลผู้ใช้งานทั้งหมด}
				\caption{หน้าจอตารางข้อมูลผู้ใช้งานทั้งหมด}
				\label{Fig:หน้าจอตารางข้อมูลผู้ใช้งานทั้งหมด}
			\end{figure}
		\item เมื่อผู้ใช้กดที่ชื่อผู้ใช้งานระบบจะแสดงหน้าจอดังต่อไปนี้
		\begin{figure}[H]
			\centering
			\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/ผู้ดูแลระบบจะสามารถเพิ่ม ลบ และแก้ไขผู้ใช้งาน}
			\caption{หน้าจอแสดงข้อมูลผู้ใช้งาน ซึ่งผู้ดูแลระบบจะสามารถเพิ่ม ลบ และแก้ไขผู้ใช้งานได้}
			\label{Fig:ผู้ดูแลระบบจะสามารถเพิ่ม ลบ และแก้ไขผู้ใช้งาน}
		\end{figure}
		\end{itemize}
				
		\newpage
		\item ส่วนของหน้าจอตารางข้อมูลร้านค้าทั้งหมด
		\begin{itemize}
			\item เมื่อผู้ดูแลระบบกดปุ่ม Stores ระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/หน้าจอแสดงข้อมูลร้านค้าทั้งหมด}
				\caption{หน้าจอแสดงข้อมูลร้านค้าทั้งหมด}
				\label{Fig:หน้าจอแสดงข้อมูลร้านค้าทั้งหมด}
			\end{figure}
				\item เมื่อผู้ใช้กดที่ชื่อร้านค้าระบบจะแสดงหน้าจอดังต่อไปนี้
			\begin{figure}[H]
				\centering
				\includegraphics[width=1.0\columnwidth]{Figures/7/Manual/ผู้ดูแลระบบจะสามารถเพิ่ม ลบ และแก้ไขร้านค้า}
				\caption{หน้าจอแสดงข้อมูลร้านค้า ซึ่งผู้ดูแลระบบจะสามารถเพิ่ม ลบ และแก้ไขร้านค้าได้}
				\label{Fig:ผู้ดูแลระบบจะสามารถเพิ่ม ลบ และแก้ไขร้านค้า}
			\end{figure}
		\end{itemize}
	\end{enumerate}

		
		


