updete

BeautyProject/CS59110440259.tex

-% Default language option is [thaithesis]. The other possible option is [engthesis].
-% Default format option is [ugrad]. Other possible options are [master,doctor].
-\documentclass[a4paper]{ubu}
-%\documentclass[a4paper,engthesis,master]{chula}
-
-% List all required packages here
-\usepackage{float}            % for floating figures
-\usepackage{amsmath}            % for math related environment
-\usepackage{amsfonts}           % fonts for math
-\usepackage{listings}           % for psuedocode, lines of codes
-\usepackage{caption}
-\usepackage[labelformat=simple]{subcaption}
-\renewcommand\thesubfigure{(\alph{subfigure})}    % for (a) in subcaption
-\usepackage{enumitem}
-\setlist{nolistsep,topsep=0pt}
-\usepackage{graphicx}
-\usepackage{wrapfig}            % for figures wrap inside text paragraph
-\usepackage{pdfpages}           % for including pdf pages
-\usepackage{verbatim}           % for block comment
-\usepackage{multicol}
-
-\usepackage{minted}
-
-\usepackage{standalone}         % for proposal text inclusion
-\usepackage{pgfgantt}           % for gantt chart
-\usepackage{titlesec}
-\titlespacing{\section}{0pt}{\parskip}{-\parskip}
-
-\usepackage{array}
-\usepackage{xcolor,colortbl}
-\usepackage{pdflscape}
-\usepackage{tabularx}
-\usepackage{makecell}
-
-\usepackage{rotating}
-
-\newcommand*\rot{\rotatebox{90}}
-
-% listings format
-\lstset{
-basicstyle=\ttfamily,
-numbers=left,
-numberstyle=\small,
-breaklines=true,
-xleftmargin=.1\linewidth,
-frame=single,
-columns=fullflexible,
-captionpos=b,
-showstringspaces=false
-}
-
-\usepackage{tikz}
-\usetikzlibrary{shapes,positioning,arrows}
-
-%%------------------------------------------------------------
-%%-               SETTING THESIS PARAMETERS                  -
-%%------------------------------------------------------------
-\thesistitle                              % set the thesis tile (use {\wbr} for word break)
-{ระบบจองคิวร้านเสริมสวย} % Thai Title
-{Beauty salon queue reservation system}      % English title (auto upper case)
-
-\authortitle                            % set the title of the author, e.g., Mr., Miss, Dr. etc.
-{นางสาว }                                   % Thai Title of the author
-{Miss.}                                   % English Title of the author
-\thesisauthor                           % set the author name (must not include title (Mr., Miss, Dr., etc.)
-{ปิยพร อาภรศรี}                          % Author name in Thai
-{Piyaphorn Arphornsri}                  % Author name in English
-
-\advisor                                               % set the advisor
-{อาจารย์ ดร.ทศพร จูฉิม}               % Advisor name in Thai
-{ดร.ทศพร จูฉิม}                          % Advisor name in Thai with abbrev. title
-{Tossaporn Joochim,  Ph.D. }  % Advisor name in English
-{Tossaporn Joochim,  Ph.D. }          % Advisor name in English with abbrev. title 
-                                                       % (Capital letters except Ph.D.))
-
-%% If the thesis has co-advisor, use this optional command
-%% Uncomment if necessary
-%\coadvisor
-%{อาจารย์ ดร.ภควรรณ ปักษี}  % Co-Advisor name in Thai
-%{อ. ดร.ภควรรณ ปักษี}  % Co-Advisor name in Thai with abbrev. title
-%{Pakawan Pucksee, Ph.D.}  % Co-Advisor name in English
-%{PAKAWAN PUCKSEE, Ph.D.}          % Co-Advisor name in English with abbrev. title 
-                                                       % (Capital letters except Ph.D.))
-
-\faculty                                % set the faculty
-{วิทยาศาสตร์}                          % name of the faculty in Thai
-{Science}                           % name of the faculty in English
-\department                             % set the department
-{คณิตศาสตร์ สถิติ และคอมพิวเตอร์}                      % name of the department in Thai
-{Mathematics Statistics and Computer}                  % name of the department in English
-\fieldofstudy                           % set the field of study (สาขาวิชา)
-{วิทยาการคอมพิวเตอร์}                      % Field in Thai
-{Computer Science}                  % Field in English
-\degree                                 % set the degree name
-{วิทยาศาสตรบัณฑิต}                   % Degree name in Thai
-{Bachelor of Science}                  % Degree name in English
-\academicyear{2562}                     % Academic Year (in Thai Calendar)
-\authorid{59110440259}                   % ID of the author
-\subjID{1104494}							% Course ID for undergrad report
-\subjName								% course name
-{โครงงานคอมพิวเตอร์ 2}
-{Computer Project II}
-
-\deanname                               % name of the dean
-{ผศ.ดร. สุพจน์ สีบุคร}                       % in Thai
-{Supot Seebut, Ph.D. Asst.Prof }     % in English
-
-% Committee Block
-% Speficy the chair/committee/external committee in your selected language
-\committee                              % list of committee
-{
-\CommitteeBlockAdvisor                  % pre-defined value for advisor
-\CommitteeBlockCoAdvisor                % pre-defined value for co-advisor
-\CommitteeBlock{กรรมการ}{ดร.วราวุฒิ ผ้าเจริญ} % examiner
-\CommitteeBlock{กรรมการ}{ดร.ไพชยนต์ คงไชย} % examiner
-}
-
-%%-------------------------------------------------------------------------------
-%%-                               DOCUMENT                                      -
-%%-------------------------------------------------------------------------------
-\begin{document}
-% Thesis starts with Thai Cover
-\makethaicover
-\newpage
-
-% Followed by English Cover
-%\makeenglishcover
-%\newpage
-
-% Generate committee page
-\makecommittee
-\newpage
-
-% Acknowledgement Section
-\include{acknowledgement}
-\newpage
-
-% Thai Abstract Section
-\include{abstractthai}
-\newpage
-
-% English Abstract Section
-\include{abstractenglish}
-\newpage
-
-
-% Table of Content
-\tableofcontents        % generate table of content
-\newpage
-\listoftables           % generate list of tables
-\newpage
-\listoffigures          % generate list of figures
-\newpage
-
-% Main Content
-\include{1-introduction} 
-\include{2-background}
-\include{3-design}
-\include{4-implementation}
-\include{5-testing}
-\include{6-conclusion}
-
-
-\ULforem %%%
-\setlength{\bibhang}{1.5cm}
-% \bibliographystyle{chulanat} 
-\bibliographystyle{chulanat} 
-\bibliography{references} % speficy your bibtex file here (this example is MathCS.bib).
-\normalem
-
-
-% Appendix Section
-\numappendices{3}        % the number of appendices
-\startappendix
-\include{appendix1-setup}
-\include{appendix2-installation}
-\include{appendix3-manual}
-
-%% Biography Section
-\include{biography} % specify your biography file here (this example is biography.tex). 
-
-\end{document}

BeautyProject/appendix2-installation.tex

-\chapter{คู่มือการติดตั้งระบบ}
-ในการติดตั้งเพื่อใช้งานเว็บแอปพลิเคชันระบบจองคิวร้านเสริมสวย สามารถทำได้โดยมีขั้นตอนดังนี้
-\begin{enumerate}
-\item สามารถ Clone Project ได้ที่ http://projectcs.sci.ubu.ac.th/senior-prj-62/59110440259.git ดังแสดงในรูปที่ \ref{Fig:webubon}
-\begin{figure}[H]
-	\centering
-	\includegraphics[width=\columnwidth]{Figures/7/installApp/webubon}
-	\caption{หน้าเว็บ Reposity ของโปรเจ็ค}
-	\label{Fig:webubon}
-\end{figure}
-\item เข้าไปในโฟลเดอร์  Source/Web เพื่อติดตั้ง Package โดยเปิด command prompt แล้วใช้คำสั่งดังรูปที่ \ref{Fig:installPK}
-\begin{figure}[H]
-	\centering
-	{\setstretch{1.0}\begin{lstlisting}
-npm install
-	\end{lstlisting}}
-	\caption{คำสั่งติดตั้ง Package}
-	\label{Fig:installPK}
-\end{figure}
-\item ทำการพิมพ์คำสั่ง npm run start เพื่อเปิด localhost ที่พอร์ต 3000 ดังแสดงในรูปที่ \ref{Fig:dl3}
-\begin{figure}[H]
-	\centering
-	{\setstretch{1.0}\begin{lstlisting}
-npm run start
-	\end{lstlisting}}
-	\caption{คำสั่งเริ่มใช้งานโปรเจ็ค}
-	\label{Fig:dl3}
-\end{figure}

BeautyProject/compile-1.bat

-xelatex -interaction=nonstopmode -file-line-error -synctex=1 -shell-escape CS59110440259.tex
-

BeautyProject/compile.bat

-xelatex -interaction=nonstopmode -file-line-error -synctex=1 -shell-escape CS59110440259.tex
-bibtex CS59110440259.aux
-xelatex -interaction=nonstopmode -file-line-error -synctex=1 -shell-escape CS59110440259.tex
-xelatex -interaction=nonstopmode -file-line-error -synctex=1 -shell-escape CS59110440259.tex
-

BeautyProject/references.bib

-@internet{angular,
-    author = {Suratin Pattanawongthai},
-    title = {Angular คืออะไร ทำความรู้จัก และวิธีใช้งาน},
-    date = {6},
-    month = {เมษายน},
-    year = {2562},
-    url = {http://www.helloho.me/getting-started-with-angular/},
-}
-@internet{angular1,
-    author = {Kritsada L.},
-    title = {การใช้งาน Angular CLI พื้นฐาน (ตอนที่ 1)},
-    date = {6},
-    month = {เมษายน},
-    year = {2562},
-    url = {https://medium.com/open-source-technology/การใช้งาน-angular-cli-พื้นฐาน-ตอน-1-168af8ad10b0},
-}
-@internet{nodejs,
-  author = {Chai Phonbopit.},
-  title = {Node.js คืออะไร ? + เริ่มต้นใช้งาน Node.js},
-  date = {6},
-  month = {เมษายน},
-  year = {2562},
-  url = {https://1th.me/24MG},
-}
-@internet{typescript,
-  author = {Nuttavut Thongjor},
-  title = {TypeScript คืออะไร? เรียนรู้ชนิดข้อมูลพื้นฐานของ TypeScript},
-  date = {6},
-  month = {เมษายน},
-  year = {2562},
-  url = {https://www.babelcoder.com/blog/posts/typescript-data-types},
-}
-@internet{vscode,
-  author = {mindphp},
-  title = {รู้จักกับ Visual Studio Code (วิชวล สตูดิโอ โค้ด) โปรแกรมฟรีจากค่ายไมโครซอฟท์},
-  date = {6},
-  month = {เมษายน},
-  year = {2562},
-  url = {https://www.mindphp.com/บทความ/microsoft/4829-visual-studio-code.html},
-}
-@internet{maps,
-  author = {thaicreate},
-  title = {ตอนที่ 1 : Google Maps API (JavaScript) เบื้องต้นกับการใช้งานแผนที่บนของกูเกิลแมพ (Step by Step)},
-  date = {6},
-  month = {เมษายน},
-  year = {2562},
-  url = {https://www.thaicreate.com/tutorial/google-maps-javascript-api.html},
-}
-@internet{tensorflow,
-  author = {tensorflow},
-  title = {Tensorflow.js},
-  date = {6},
-  month = {เมษายน},
-  year = {2562},
-  url = {https://www.tensorflow.org/js},
-}
-
-@internet{machinelearning,
-  author = {bossup},
-  title = {Machine learning คืออะไร?},
-  date = {18},
-  month = {เมษายน},
-  year = {2562},
-  url = {http://www.bossup.co.th/site/innovation/machine-learning-คืออะไร/},
-}
-
-@internet{neuralnetwork,
-  author = {coladev},
-  title = {สรุปแนวคิด Neural Network แบบไม่มี Math},
-  date = {18},
-  month = {เมษายน},
-  year = {2562},
-  url = {https://coladev.com/machine-learning/neural-network/2017/02/22/neural-network-basic},
-}
-
-@internet{deeplearning,
-  author = {Athiwat},
-  title = {Deep Learning คืออะไร},
-  date = {18},
-  month = {เมษายน},
-  year = {2562},
-  url = {https://medium.com/@athivvat/deep-leaning-คืออะไร-785e16d01773},
-}
-
-@internet{wongnai,
-  author = {wongnai},
-  title = {Wongnai},
-  date = {6},
-  month = {เมษายน},
-  year = {2562},
-  url = {https://www.wongnai.com/about},
-}
-
-@internet{architecture,
-  author = {{Kunchit Phiu-Nual.}},
-  title = {ความหมายและความสำคัญของ System Architecture},
-  date = {ุ6},
-  month = {เมษายน},
-  year = {2562},
-  url = {https://goo.gl/6ZhGQo},
-}
-
-

BeautyProject/6-conclusion.tex → Document/Latex/6-conclusion.tex

 \chapter{สรุปและข้อเสนอแนะ}
 
-การดำเนินโครงงานเพื่อพัฒนาระบจองคิวร้านเสริมสวยนี้ พบว่าระบบสามารถทำงานได้ตามที่วิเคราะห์และออกแบบไว้ แต่ก็พบปัญหาและอุปสรรคระหว่างการพัฒนา ในบทนี้ผู้พัฒนาจึงขอสรุปความสามารถของระบบชี้แจงปัญหาและอุปสรรค พร้อมเสนอแนวทางในการพัฒนาระบบแนะนำสถานที่ท่องเที่ยวในจังหวัดอุบลราชธานีต่อ ตามลำดับ
+การดำเนินโครงงานเพื่อพัฒนาระบบจองคิวร้านเสริมสวยนี้ พบว่าระบบสามารถทำงานได้ตามที่วิเคราะห์และออกแบบไว้ แต่ก็พบปัญหาและอุปสรรคระหว่างการพัฒนา ในบทนี้ผู้พัฒนาจึงขอสรุปความสามารถของระบบ ชี้แจงปัญหาและอุปสรรค พร้อมเสนอแนวทางในการพัฒนาระบบจองคิวร้านเสริมสวย ต่อ ตามลำดับ
 
 \section{สรุปความสามารถของระบบ}
-	โดยแบ่งความสามารถของระบบตามประเภทของผู้ใช้งานดังนี้
+	ระบบจองคิวร้านเสริมสวย เว็บแอปพลิเคชันสามารถสรุปความสามารถที่ระบบทำได้ดังนี้
+	\subsection{เว็บแอปพลิเคชัน}
+	ความสามารถหลักของเว็บแอปพลิเคชันนั้นเน้นสร้างความสะดวกต่อการจัดการเอกสารเรื่องข้อมูลต่างๆ ที่เกี่ยวข้องกับ ระบบจองคิวร้านเสริมสวย โดยแบ่งความสามารถของระบบตามประเภทของผู้ใช้งานดังนี้
 		\begin{enumerate}
-			\item เจ้าของร้าน
+				\item เจ้าของร้าน
 			\begin{itemize}
 				\item สามารถลงทะเบียนเข้าสู่ระบบด้วย Email ได้
 				\item สามารถดูคิวที่ผู้ใช้บริการได้ทำการจองคิวไว้
-				\item สามารถจัดการคิวได้
 				\item สามารถ post ภาพผลงานทั้งหมดของร้านได้
 				\item สามารถเพิ่ม แก้ไข และลบรายการให้บริการประจำร้านได้
-				\item สามารถเพิ่ม แก้ไข และลบ ข้อมูลร้านได้
-				\item สามารถเพิ่ม แก้ไข และลบข้อมูลตำแหน่งร้านได้ 
+				\item สามารถเพิ่ม แก้ไข  ข้อมูลร้านได้
+				\item สามารถเพิ่ม แก้ไข ข้อมูลตำแหน่งร้านได้ 
 			\end{itemize}
 			\item ช่างประจำร้าน
 			\begin{itemize}
@@ -34,24 +35,22 @@
 				\item สามารถเขียนรีวิว ติชม ได้
 			\end{itemize}
 		\end{enumerate}
+	
 \section{ปัญหาและอุปสรรคในการพัฒนา}
-  \begin{enumerate} 
-	\item ข้อมูลชุดฝึกหัดและชุดทดสอบมีจำนวนที่น้อย ทำให้ความถูกต้องของการทำนายมีความแม่นยำน้อย
-	แนวทางการแก้ไข : เพิ่มชุดข้อมูลที่มีความสัมพันธ์กันเพื่อให้ผลการทำทายมีความแม่นยำมากยิ่งขึ้น
-    \item ผู้พัฒนาได้เขียน server สำหรับทำการ train ข้อมูล และเป็นที่สำหรับเก็บข้อมูลแม่แบบ (model) ที่ได้จากการเทรนข้อมูลออกมาเป็นไฟล์นามสกุล json ให้ฝั่ง client เรียกใช้งานต่อได้ แต่ปัญหาที่พบคือ Angular จะบล็อกการร้องขอเรียกใช้งานจากที่อื่น (cross origin request blocked) จึงทำให้ไม่สามารถเรียกข้อมูลมาใช้งานทางฝั่ง Client ได้  \\
-	แนวทางการแก้ไข : เขียน server ขึ้นมาเพื่อให้ทำการ train ข้อมูลและทำนาย (predict) ข้อมูลให้เสร็จสิ้นทางฝั่ง server แล้วฝั่ง client มีหน้าที่ในการรอรับข้อมูลอย่างเดียว
-	\item การบันทึกรูปภาพจำนวนมากที่มีขนาดใหญ่เข้าไปในระบบพร้อมกันระบบจะไม่สามารถ บันทึกข้อมูลได้ \\
-	แนวทางการแก้ไข : ขยายการรับข้อมูลของKuzzleหรือลดขนาดไฟล์ก่อนจะส่งไปKuzzle 
+  \begin{enumerate}
+    
+    \item เนื่องจากทางผู้พัฒนามีความประสงค์ให้ระบบนี้สามารถใช้งานได้จริง ดังนั้น การพัฒนาในตอนนี้ยังมีข้อจำกัดเรื่องขนาดของเอกสารที่จัดเก็บบนไฟร์เบสที่สามารถอัพโหลดเข้าสู่ระบบสูงสุดเพียง 5 GB ซึ่งหากระบบถูกใช้งานจริงจำนวนข้อมูลในระบบจะเกินจำนวนที่ไฟร์เบสให้ใช้งานฟรี \\ 
+    แนวทางการแก้ไข : ทำการบีบอัดข้อมูลให้มีขนาดเล็กลง ส่วนในอนาคตอาจจำเป็นต้องศึกษาแนวทางการสร้างเซิฟเวอร์ (Server) เป็นของระบบเอง
+    
   \end{enumerate}
 
 \section{แนวทางการพัฒนาต่อ}
 \begin{enumerate}
- 	\item เพิ่มส่วนติดต่อกับสังคมออนไลน์ เช่น Facebook Twitter และ Instagram 
- 	\item เพิ่มในส่วนของแผนที่การนำทางไปยังสถานที่ที่ต้องการ
-  	\item เพิ่มในส่วนของผู้ใช้งานให้สามารถติดตาม (follow) ผู้ช้งานคนอื่นได้
-  	\item เพิ่มชุดข้อมูลและความหลากหลายของชุดข้อมูล
-  	\item เพิ่มประสิทธิภาพการทำงานของระบบให้ดีขึ้น
-  	\item เพิ่มในส่วนของฟังก์ชันแจ้งแก้ไขให้ผู้ดูแลระบบสามารถแก้ไขข้อมูลสถานที่ได้สะดวกขึ้น
+	\item สร้าง Web server ของระบบซึ่งเป็นโปรแกรมที่มีหน้าที่ให้บริการด้านการจัดการเว็บไซต์และ Database server ซึ่งเป็นโปรแกรมที่ทำหน้าที่ให้บริการด้านการจัดการดูแลข้อมูลต่าง ๆ ภายในเว็บไซต์ โปรแกรมที่มีการใช้งานส่วนใหญ่เป็น mysql, postgresql, DB2
+ 	\item การพัฒนาช่องทางการติดต่อ
+ 	\item เจ้าของร้านสามารถยืนยันการจองคิวได้
+ 	\item การพัฒนาเป็นแอปพลิเคชัน 
+ 	
 \end{enumerate}