LVTN_report.tex

\documentclass[a4paper,12pt,fleqn,print,oneside]{extarticle}

\usepackage{vntex}
\usepackage{a4wide,amssymb,epsfig,latexsym,multicol,array,hhline,fancyhdr}
\usepackage{geometry}
 \geometry{
 a4paper,
 total={160mm,227mm},
 left=30mm,
 top=30mm,
}
\usepackage{mwe}
\usepackage{afterpage}
\usepackage{float}
\usepackage{booktabs}
\usepackage{amsmath}
\usepackage{chngcntr}
\counterwithin{figure}{section}
\counterwithin{table}{section}
\usepackage{lastpage}
\usepackage{indentfirst}
\setlength{\parskip}{0.5em}
\usepackage[lined,boxed,commentsnumbered]{algorithm2e}
\usepackage{enumerate}
\usepackage{color}
\usepackage{graphicx}							% Standard graphics package
\usepackage{array}
\usepackage{tabularx, caption}
\usepackage{multirow}
\usepackage[framemethod=tikz]{mdframed}% For highlighting paragraph backgrounds
\usepackage{multicol}
\usepackage{rotating}
\usepackage{graphics}
\usepackage{geometry}
\usepackage{setspace}
\usepackage{epsfig}
\usepackage{tikz}
\usepackage{listings}
\usetikzlibrary{arrows,snakes,backgrounds}
\usepackage{hyperref}
\hypersetup{urlcolor=blue,linkcolor=black,citecolor=black,colorlinks=true}
\usepackage{titlesec}
% \titleformat{\section}[block]{\Large\bfseries\filcenter}{}{1em}{}
\newtheorem{theorem}{{\bf Định lý}}
\newtheorem{property}{{\bf Tính chất}}
\newtheorem{proposition}{{\bf Mệnh đề}}
\newtheorem{corollary}[proposition]{{\bf Hệ quả}}
\newtheorem{lemma}[proposition]{{\bf Bổ đề}}

\everymath{\color{black}}
%\usepackage{fancyhdr}
\setlength{\headheight}{40pt}
\pagestyle{fancy}
\fancyhead{} % clear all header fields
\fancyhead[L]{
 \begin{tabular}{rl}
    \begin{picture}(25,15)(0,0)
    \put(0,-8){\includegraphics[width=8mm, height=8mm]{Image/hcmut.png}}
   \end{picture}&
	\begin{tabular}{l}
		\textbf{\bf \ttfamily Trường Đại Học Bách Khoa Tp.Hồ Chí Minh}\\
		\textbf{\bf \ttfamily Khoa Khoa Học và Kỹ Thuật Máy Tính}
	\end{tabular} 	
 \end{tabular}
}
\fancyhead[R]{
	\begin{tabular}{l}
		\tiny \bf \\
		\tiny \bf 
	\end{tabular}  }
\fancyfoot{} % clear all footer fields
\fancyfoot[L]{\scriptsize \ttfamily Luận văn tốt nghiệp - HK202 - Năm học 2020 - 2021}
\fancyfoot[R]{\scriptsize \ttfamily Trang {\thepage}/\pageref{LastPage}}
\renewcommand{\headrulewidth}{0.3pt}
\renewcommand{\footrulewidth}{0.3pt}


%%%
\setcounter{secnumdepth}{4}
\setcounter{tocdepth}{3}
\makeatletter
\newcounter {subsubsubsection}[subsubsection]
\renewcommand\thesubsubsubsection{\thesubsubsection .\@alph\c@subsubsubsection}
\newcommand\subsubsubsection{\@startsection{subsubsubsection}{4}{\z@}%
                                     {-3.25ex\@plus -1ex \@minus -.2ex}%
                                     {1.5ex \@plus .2ex}%
                                     {\normalfont\normalsize\bfseries}}
\newcommand*\l@subsubsubsection{\@dottedtocline{3}{10.0em}{4.1em}}
\newcommand*{\subsubsubsectionmark}[1]{}
\makeatother

\definecolor{dkgreen}{rgb}{0,0.6,0}
\definecolor{gray}{rgb}{0.5,0.5,0.5}
\definecolor{mauve}{rgb}{0.58,0,0.82}

\lstset{frame=tb,
	language=Matlab,
	aboveskip=3mm,
	belowskip=3mm,
	showstringspaces=false,
	columns=flexible,
	basicstyle={\small\ttfamily},
	numbers=none,
	numberstyle=\tiny\color{gray},
	keywordstyle=\color{blue},
	commentstyle=\color{dkgreen},
	stringstyle=\color{mauve},
	breaklines=true,
	breakatwhitespace=true,
	tabsize=3,
	numbers=left,
	stepnumber=1,
	numbersep=1pt,    
	firstnumber=1,
	numberfirstline=true
}

\usepackage{tikz}
\usetikzlibrary{calc}
\usepackage{eso-pic}
\usepackage{lipsum}



\begin{document}

\begin{titlepage}

\AddToShipoutPictureBG*{%
\begin{tikzpicture}[overlay,remember picture]
\draw[line width=1pt]
    ($ (current page.north west) + (2cm,-1.5cm) $)
    rectangle
    ($ (current page.south east) + (-1.5cm,1.5cm) $);
\draw[line width=3pt]
    ($ (current page.north west) + (2.1cm,-1.6cm) $)
    rectangle
    ($ (current page.south east) + (-1.6cm,1.6cm) $);
\end{tikzpicture}
}

\newgeometry{
 left=25mm,
 top=20mm,
 bottom=20mm,
 right=20mm,
}
\afterpage{\aftergroup\restoregeometry}
\begin{center}
\textbf{{\Large ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH \\
TRƯỜNG ĐẠI HỌC BÁCH KHOA \\
KHOA KHOA HỌC - KỸ THUẬT MÁY TÍNH}}
\end{center}

\vspace{0.5cm}

\begin{figure}[h!]
\begin{center}
\includegraphics[width=3.5cm]{Image/hcmut.png}
\end{center}
\end{figure}

\vspace{0.5cm}


\begin{center}
\textbf{{\Large LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC}}\\
\vspace{1cm}
\textbf{{\Large XÂY DỰNG HỆ THỐNG QUẢN LÝ QUÁ TRÌNH GIA CÔNG NHUỘM CHO MỘT DOANH NGHIỆP VẢI SỢI TRÊN NỀN WEB}}\\
\vspace{1cm}
\textbf{{\Large Ngành: Khoa học Máy tính}}
\end{center}

\vspace{2cm}

\begin{table}[h]
\renewcommand{\arraystretch}{1.5}
\begin{tabular}{lll}
\hspace{5 cm}
& \textbf{{\large GVHD:}} & {\large ThS. Nguyễn Thị Ái Thảo} \\
& \textbf{{\large GVPB:}} & {\large ThS. Trần Quang}\\
&  & \textbf{---o0o---} \\
& \textbf{{\large SVTH1:}} & {\large Nguyễn Trung Tính - 1713521} \\
& \textbf{{\large SVTH2:}} & {\large Nguyễn Xuân Huy - 1711574} \\
\end{tabular}
\end{table}

\vspace{0.5cm}

\begin{center}
{\footnotesize {\large TP. HỒ CHÍ MINH, THÁNG 08/2021}}
\end{center}
\end{titlepage}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{titlepage}

\AddToShipoutPictureBG*{%
\begin{tikzpicture}[overlay,remember picture]
\draw[line width=1pt]
    ($ (current page.north west) + (2cm,-1.5cm) $)
    rectangle
    ($ (current page.south east) + (-1.5cm,1.5cm) $);
\draw[line width=3pt]
    ($ (current page.north west) + (2.1cm,-1.6cm) $)
    rectangle
    ($ (current page.south east) + (-1.6cm,1.6cm) $);
\end{tikzpicture}
}

\newgeometry{
 left=25mm,
 top=20mm,
 bottom=20mm,
 right=20mm,
}
\afterpage{\aftergroup\restoregeometry}
\begin{center}
\textbf{{\Large ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH \\
TRƯỜNG ĐẠI HỌC BÁCH KHOA \\
KHOA KHOA HỌC - KỸ THUẬT MÁY TÍNH}}
\end{center}

\vspace{0.5cm}

\begin{figure}[h!]
\begin{center}
\includegraphics[width=3.5cm]{Image/hcmut.png}
\end{center}
\end{figure}

\vspace{0.5cm}


\begin{center}
\textbf{{\Large LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC}}\\
\vspace{1cm}
\textbf{{\Large XÂY DỰNG HỆ THỐNG QUẢN LÝ QUÁ TRÌNH GIA CÔNG NHUỘM CHO MỘT DOANH NGHIỆP VẢI SỢI TRÊN NỀN WEB}}\\
\vspace{1cm}
\textbf{{\Large Ngành: Khoa học Máy tính}}
\end{center}

\vspace{2cm}

\begin{table}[h]
\renewcommand{\arraystretch}{1.5}
\begin{tabular}{lll}
\hspace{5 cm}
& \textbf{{\large GVHD:}} & {\large ThS. Nguyễn Thị Ái Thảo} \\
& \textbf{{\large GVPB:}} & {\large ThS. Trần Quang}\\
&  & \textbf{---o0o---} \\
& \textbf{{\large SVTH1:}} & {\large Nguyễn Trung Tính - 1713521} \\
& \textbf{{\large SVTH2:}} & {\large Nguyễn Xuân Huy - 1711574} \\
\end{tabular}
\end{table}

\vspace{0.5cm}

\begin{center}
{\footnotesize {\large TP. HỒ CHÍ MINH, THÁNG 08/2021}}
\end{center}
\end{titlepage}

\thispagestyle{empty}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\newpage
\addcontentsline{toc}{section}{Lời cam đoan}
\section*{Lời cam đoan}
\input{Text/Salutation/loi_cam_doan}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\newpage
\addcontentsline{toc}{section}{Lời cảm ơn}
\section*{Lời cảm ơn}
\input{Text/Salutation/loi_cam_on}


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newpage
\addcontentsline{toc}{section}{Tóm tắt đề tài}
\section*{Tóm tắt đề tài}
\input{Text/Header/tom_tat_de_tai}



%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\newpage
\tableofcontents



%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\newpage
\addcontentsline{toc}{section}{Danh sách hình vẽ}
\listoffigures




%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\newpage
\addcontentsline{toc}{section}{Danh sách bảng}
\listoftables





%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newpage
\section{Giới thiệu đề tài}
\subsection{Tổng quan đề tài}
\input{Text/Header/tong_quan_de_tai}

\subsection{Mục tiêu và phạm vi của đề tài}
\input{Text/Header/muc_tieu_va_pham_vi}

\subsection{Ý nghĩa thực tiễn}
\input{Text/Header/y_nghia_thuc_tien}

\subsection{Cấu trúc luận văn}
\input{Text/Header/cau_truc_luan_van}




%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newpage
\section{Kiến thức nền tảng và công nghệ}
\input{Text/Technical/general}

\subsection{Các công nghệ Client Side (Frontend)}
\input{Text/Technical/front_end}

\subsection{Các công nghệ Server Side (Backend)}
\input{Text/Technical/back_end}

\subsection{Cơ sở dữ liệu}
\input{Text/Technical/database}



%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newpage
\section{Phân tích yêu cầu}

\subsection{Yêu cầu chức năng của hệ thống}
\input{Text/Requires/chuc_nang_he_thong}

\subsection{Yêu cầu phi chức năng của hệ thống}
\input{Text/Requires/phi_chuc_nang_he_thong}

\subsection{Usecase}
\input{Text/Requires/usecase}





%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newpage
\section{Thiết kế hệ thống}

\subsection{Kiến trúc hệ thống}
\input{Text/Design_system/kien_truc_he_thong}

\newpage
\subsection{Thiết kế cơ sở dữ liệu}
\input{Text/Design_system/thiet_ke_database}



\subsection{Thiết kế giao diện}
\input{Text/Design_system/thiet_ke_giao_dien}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
% \newpage
% \section{Kế hoạch luận văn}
% \input{Text/ke_hoach_luan_van}
%Lập bảng kế hoạch dựa trên GOM nhóm danh sách user story cho mỗi 2 tuần hiện thực

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newpage
\section{Hiện thực hệ thống}
\subsection{Công nghệ sử dụng}
\input{Text/Implement_system/cong_nghe_su_dung}

\subsection{Quản lí mã nguồn}
\input{Text/Implement_system/quan_li_ma_nguon}


\subsection{Kết quả hiện thực}
\input{Text/Implement_system/ket_qua_hien_thuc}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newpage
\section{Triển khai ứng dụng - Heroku}
\subsection{Heroku}
\input{Text/Deploy/heroku}

\subsection{Triển khai}
\input{Text/Deploy/trien_khai}


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newpage
\section{Kiểm thử hệ thống}
\input{Text/Test/intro}

\subsection{Kế hoạch kiểm thử}
\input{Text/Test/ke_hoach_kiem_thu}

\subsection{Kiểm thử API}
\input{Text/Test/kiem_thu_API}

\subsection{Kiểm thử chức năng}
\input{Text/Test/kiem_thu_chuc_nang}


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newpage
\section{Tổng kết}
\subsection{Kết quả đạt được}
\input{Text/Summary/ket_qua_dat_duoc}

\subsection{Hạn chế}
\input{Text/Summary/han_che}

\subsection{Hướng phát triển tương lai}
\input{Text/Summary/huong_phat_trien}

	
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newpage
\addcontentsline{toc}{section}{Tài liệu tham khảo}

\begin{thebibliography}{80}

\bibitem{software_engineering} Ian Sommerville (2016), \textit{Software Engineering}, \textit{10th Edition}, Pearson.

\bibitem{database_systems} Ramez Elmasri, Shamkant B. Navathe (2016), \textit{Fundamentals of Database Systems}, \textit{7th Edition}, Pearson.

\bibitem{postgresql} Postgre SQL, \\\texttt{https://www.postgresql.org/docs/13/index.html}

\bibitem{javacore} Java core, \\\texttt{https://www.tutorialspoint.com/java/index.htm}

\bibitem{java_spring_boot} Java spring boot, \\\texttt{https://spring.io/projects/spring-boot}

\bibitem{spring_jdbc} Spring JDBC, \\\texttt{https://www.baeldung.com/spring-jdbc-jdbctemplate}

\bibitem{sprinng_lombok} Spring Lombok, \\\texttt{https://www.baeldung.com/lombok-accessors}

\bibitem{query_dsl} Query DSL \\\texttt{https://www.elastic.co/guide/en/elasticsearch/reference/current/query-dsl.html}

\bibitem{send_email} Send email, \\\texttt{https://www.tutorialspoint.com/spring\_boot/spring\_boot\_sending\_email.html}

\bibitem{connect_postgresql} Connect Postgre SQL, \\\texttt{https://www.baeldung.com/spring-boot-postgresql-docker}

\bibitem{generate_SHA256} Generate SHA-256 hash, \\\texttt{https://www.baeldung.com/sha-256-hashing-java}

\bibitem{generate_token_base64} Generate token base64, \\\texttt{https://www.baeldung.com/java-base64-encode-and-decode}

\bibitem{materialUI} Material-UI: Apopular React UI framework, \\\texttt{https://material-ui.com/} 

\bibitem{example_react} Exemplary real world application built with React + Redux, \\\texttt{https://github.com/gothinkster/react-redux-realworld-example-app}

\bibitem{router_react} Cơ bản về Router trong ReactJs, \\\texttt{https://viblo.asia/p/co-ban-ve-router-trong-reactjs-07LKXzAElV4}

\bibitem{redux_form} Redux Form - Material UI Example, \\\texttt{https://redux-form.com/8.3.0/examples/material-ui/}

\bibitem{rechart} Recharts Example, \\\texttt{https://recharts.org/en-US/examples}

\bibitem{redux_saga} trainning-redux-saga-material-ui-redux-form, \\\texttt{https://github.com/nghiepuit/trainning-redux-saga-}
\\\texttt{material-ui-redux-form/tree/master/src}

\bibitem{react_router} React Router, \\\texttt{https://reactrouter.com/}

\bibitem{redux_state} Làm quen với Redux để quản lý state cho ứng dụng Javascript, \\\texttt{https://viblo.asia/p/lam-quen-voi-redux-de-quan-ly-state-cho-ung-}
\\\texttt{dung-javascript-V3m5WWXx5O7}

\bibitem{redux} Getting Started with Redux, \\\texttt{https://redux.js.org/introduction/getting-started}



\end{thebibliography}
\end{document}