HỒ CHÍ MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION
FACULTY FOR HIGHT QUALITY TRAINING

GRADUATION THESIS

BUILD A WEBSITE AND APP MOBILE TO
PUBLISHED AND FIND MOTEL

Student:
CHU MINH HOÀNG

17110139

PHẠM HUỲNH THANH LÂM

17110168

Course:

2017 – 2021

Major: INFORMATION TECHNOLOGY
Instructor: MSc TRẦN CÔNG TÚ

Ho Chi Minh City, __ July 20__

SOCIALIST REPUBLIC OF VIETNAM
Independence – Freedom – Happiness

***

Ho Chi Minh City, ___ July 20__

MISSION ABOUT GRADUATION PROJECT
Full name: Chu Minh Hoàng

Student ID: 17110139

Full name: Phạm Huỳnh Thanh Lâm

Student ID: 17110168

Major: Information technology
________________________________
Instructor: MSc TRẦN CÔNG TÚ

Class: 17110CLST3 - ST1

Date received the topic:

Thesis submission date:

1. Name of topic: Build a website and app mobile to published and find motel.
2. Original data and documents:
• Algorithm implementation using HTML, CSS, JS, Bootstrap, ASP.NET
CORE 3.x, SQL Server, Angular, Flutter, Flask Python, Signal-R.
• Design a publishing website and find motel.
• Refer to w3schools documentation.
3. Content of the project:
• Research and design a website to publish information about motel with
full features such as: publishing, managing news, finding motel, paying
after publishing, managing services, managing employees, ...
• Study the design of a basic Android application to view, find motels and
contact published directly.
4. Product:
Design and build a website and mobile android app to advertise and search
for motel with full basic functions.
INTRUCTOR LEADER

INTRUCTOR

SOCIALIST REPUBLIC OF VIETNAM
Independence – Freedom – Happiness

***

Ho Chi Minh City, ___ July 20__

TEACHERS COMMENTS QUESTIONS
Full name: Chu Minh Hoàng
Full name: Phạm Huỳnh Thanh Lâm

Student ID: 17110139
Student ID: 17110168

Major: Information technology
Name of topic: Build a website and app mobile to published and find motel.
Name of instructor: MSc TRẦN CÔNG TÚ
COMMENT
1. Regarding the topic content &amp implementation volume:

.................................................................................................................................
.................................................................................................................................
.................................................................................................................................
2. Advantage:

......................................
...

...
g-realtime-bang-signalr-trong-net-core-jvElaoJzKkw
[7] TopDev, “Firebase là gì? Có nên dùng cho các ứng dụng lớn?”
https://topdev.vn/blog/firebase-la-gi/
[8] Tawk.to, “Tawk.To – Phần Mềm Chat Trực Tuyến Hiệu Quả”
https://appnet.edu.vn/tawk-to-phan-mem-chat-truc-tuyen-hieu-qua/
[9] Vietmap, Tài liệu tham khảo API
https://maps.vietmap.vn/web/docs/
[10] Wikipedia, “Microsoft SQLServer”
https://vi.wikipedia.org/wiki/Microsoft_SQL_Server

GRADUATION THESIS

71

APPENDIX

APPENDIX
Appendix I: Development environment settings
To download, and install Visual Studio Code, follow these steps:
first. Download the installation file of Visual Studio Code for Windows
(installation link https://code.visualstudio.com/).
2. Save the file on the device.
3. Double-click the file to launch the installation of Visual Studio Code on
Windows 10.
4. Confirm the terms of the agreement.
5. Click the Next button.
6. Use the default installation location and click the Next button.
7. Use the default Start menu settings and click the Next button.
8. (Optional) Check the option Add “Open with code” action to Windows
explorer file context menu.
9. (Optional) Check the option Add “Open with code” action to Windows
Explorer directory context menu.
Appendix II: Creating an Angular application
• Step 1: Install Angular libraries and tools: Install Angular CLI, type
command at terminates # npm install -g @ angular / CLI.
• Step 2: an Angular project.
a directory containing your projects, for example, angular- learning,
then run VS Code open that folder to work with (you can also work without
openings Code right). From VS CODE type CTRL “+” to open the
terminate, from there type the following command, to the basic
initialization project # ng new Project name.

GRADUATION THESIS

72

APPENDIX

• Step 3: Go to the project# cd Project Name.
•

Step 4: Run the newly d project# ng serve.

Appendix III: Creating an App Flutter
• Step 1: Install flutter
o Download the flashing zip file from the homepage and extract it.
o Add environment variable.

• Step 2: an application project.
o Install plugin flutter and dart.

GRADUATION THESIS

73

APPENDIX

o virtual server.

GRADUATION THESIS

74

APPENDIX

o To a new Flutter project, click the New Project button on
the welcome screen. In the New Project dialog box, Flutter and
click Next.
• Step 3: Run the project by pressing the Run button.

GRADUATION THESIS

75