BASE PROJECT 1 TOPIC BUILDING TOURISM SERVICE WEBSITE

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH BASE PROJECT TOPIC: BUILDING TOURISM SERVICE WEBSITE Student perform : TRẦN CÔNG BẢO – 21IT005 TRƯƠNG THẾ QUỐC DŨNG – 21IT014 Class : 21GIT Lecture instructors : Ph.D NGUYỄN SĨ THÌN Da Nang, May 2022 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH BASE PROJECT TOPIC: BUILDING TOURISM SERVICE WEBSITE Da Nang, May 2022 FOREWORD Nowadays, the application of information technology and computerization is considered as one of the decisive factors in the activities of governments, organizations, as well as companies; it plays a very important role, can make strong breakthroughs Building websites to cater to the unique needs of organizations, companies, and even individuals, today, is nothing new With a few simple steps, anyone can become the owner of a website about anything It is becoming more and more urgent for governments and companies to build their own websites Through these websites, information about them as well as official documents, announcements, government decisions or new products and services of the company will reach interested people, reach their customers in a timely manner quickly and in a timely manner, avoiding the troubles that traditional communication methods often encounter Vietnam is a country endowed with many beautiful landscapes by nature Those are attractive tourist destinations for domestic tourists and especially foreign tourists However, with the characteristics of tourists who are visiting for the first time, they not have much experience or know much about tourist attractions such as location, weather, accommodation and other food services But instead, almost every guest uses a network access device or smartphone devices Through that practical request, the group has researched and evaluated to come up with a solution to build a tourism information support system and develop it on the website "Traveled With You" The completed website will introduce visitors to the selection of the most attractive tourist destinations or tourist destinations by province, along with information about that place such as: famous dishes, festivals, most featured image ; The website also provides the function of sharing, commenting and recommending the place as a reference for other visitors In addition, many new types of tourism and useful functions for users will be updated and added in the development process The content of the project includes: The opening part: Briefly introduce the topic's objectives and research methods to build the system Chapter 1: Theoretical basis: Introduction of relevant and applied theoretical bases to building websites Chapter 2: Survey, analysis and system design: This chapter delves into the system approach built in the topic from the steps of survey, system analysis, database design and system interface system in the subject Chapter 3: Building basic website interface:: System interface design in the topic Conclusion and development direction: Giving results and evaluating the system, future development direction of the system ACKNOWLEDGEMENT After the process of studying and implementing the basic project project 1, our group has completed our project First of all, we would like to thank the teachers who provided and taught the background knowledge, and especially Mr Nguyen Si Thin, the teacher who directly guided our project.He was the one who monitored the work progress, gave suggestions and suggestions to help us complete our projects well, reminded us to complete the project on time, ensuring the work schedule Although we try to work with great concentration, our team cannot avoid making mistakes because our knowledge of technologies is still not much We hope to receive suggestions and comments from teachers so that we can better for future projects We sincerely thank you! COMMENT (Of the lecture instructors) Lecture instructors, TABLE OF CONTENTS TABLE OF CONTENTS LIST OF IMAGES INTRODUTION 1 Topic overview 1.1 Topic name 1.2 Introduce .1 1.3 Project goal Research method Layout Report Chapter THEORETICAL BASIS 1.1 Website overview 1.1.1 What is Website? .4 1.1.2 What are the benefits of a website for businesses? .4 2.1.3 Purport of website 1.2 Languages and technologies used 1.2.1 HTML overview 1.2.2 CSS overview .6 1.2.3 JavaScript overview 1.2.4 Font Awesome image gallery .8 1.3 Source-code editors be used 1.3.1 Visual Studio Code 1.3.2 PhpStorm - Jetbrains 10 1.4 Overview of Vietnam's tourism industry 11 1.5 Chapter result 13 Chapter SYSTEM SURVEY, ANALYSIS AND DESIGN 14 2.1 System survey .14 2.1.1 Purpose .14 2.1.2 System Description 14 2.1.3 Main functional 15 2.2 System analysis 16 2.2.1 System Functional Modeling .16 2.2.2 Activity chart 18 2.3.2 List of tables in the relational model 21 2.4 Chapter result 25 Chapter BUILDING WEBSITE INTERFACE 26 3.1 About Header 26 3.2 About Footer .26 3.3 Home Page 26 3.4 About us page .27 3.5 Destination Page 29 3.6 Blog Page 30 3.7 Single-Blog Page 31 3.8 Contact page .32 3.9 Login form 33 Chapter CONCLUSION AND DEVELOPMENT 34 4.1 Conclusion 34 4.2 Development .34 LIST OF REFERENCES 35 LIST OF IMAGES Image 1: Logo HTML Image 2: Logo CSS Image 3: Logo Javascript Image 4: Logo Awesome Image 5: Logo Visual Studio Code Image 6: Logo PHP Storm 11 Image 7: Functional decomposition diagram 17 Image 8: Entity – Relationship Model diagram 17 Image 9: Flowchart of user account registration process 18 Image 10: Flowchart of the system login process 18 Image 11: Flowchart of the process of searching for tourist places, travel blogs, services 19 Image 12: User interaction process activity chart .19 Image 13: Relational data model diagram 20 Image 14: Place table in database .21 Image 15: User table in database 22 Image 16: Service table in database 22 Image 17: Tour table in database 23 Image 18: Service table in database 24 Image 19: Service table in database 24 Image 20: Header website 26 Image 21: Footer website 26 Image 22: Banner of home page 27 Image 23: Popular Destination 27 Image 24: Intro video on home page 27 Image 25: Story about us 28 Image 26: Mission we will on about us page 28 Image 27: Achievementsin about us page 29 Image 28: Achievementsin on destinantion page .29 Image 29: A part of destination page 29 Image 30: A part of blog page 30 Image 31: A part of blog page 30 Image 32: A part of blog page 30 Image 33: A part of single-blog page .31 Image 34: A part of single-blog page .31 Image 35: A part of single-blog page .31 Image 36: A part of single-blog page .32 Image 37: A part of single-blog page .32 Image 38: Login form .33 Image 39: A part of single-blog page .33 - Table 2: User Table The User table stores information about all users Image 15: User table in database Describe:  ID: User ID Table primary key, self-incrementing  Name: Username  Email: User's email account Used as login and account registration fields  Password: Login password - Table 3: Service Table The Service table stores information about all the services provided Image 16: Service table in database Describe:  ID: Service code Table primary key, self-incrementing  Name: Service name  Type: Type of service provided  Cost: The cost to use the service 22 - Table 4: Tour Table The Tour table stores information about all booked tours Image 17: Tour table in database Describe:  ID: Trip code The primary key of the table  ID_User: User code to register for the tour Foreign key of the table  ID_Place: Code of the tourist destination that the tour will go to Foreign key of the table  ID_Service: The service code the user registers to use during the tour Foreign key of the table  Phone_number: Contact phone number of the user registering the tour  Time_register: The time the user registered the tour  Time_start_tour: The time the tour will start  Time_start_tour: The time that the tour will end  Amount: The number of people that the user registers for the tour  Cost: Tour cost 23 - Table 5: Image The Image table stores information about all the images that appear on the web page Image 18: Service table in database Describe:  ID: Image code The primary key of the table  ID_Blog: The blog code that uses this image Foreign key of the table  ID_Place: The tourist destination code that uses this image Foreign key of the table  Data: Contains the link to the image - Table 6: Blog The Blogs table stores information about all the blogs on the site Image 19: Service table in database Describe:  ID: Blog code The primary key of the table 24  ID_User: Poster ID Foreign key of the table  ID_Place: The tourist destination code mentioned by the blog Table's foreign key  Header: The title of the blog  Content: The content of the blog  Time: Time of blog posting  Amount_like: The number of likes of this blog  Comment: Comment on this blog 2.4 Chapter result At the end of this chapter, we have basically surveyed and analyzed the complete system under construction for the topic, including: - System survey, system description and main functional groups - System analysis includes the following tasks:  Modeling business functions  Build Entity Relationship Diagram In the next chapter 3, my group will continue to delve into the design of the database and the interface for the system 25 CHAPTER BUILDING WEBSITE INTERFACE 3.1 About Header Header have  : - Logo website: it help identify web the site Navigation: help access other main pages Login:  enable users to log in Search bar: help find places on the web Image 20: Header website 3.2 About Footer Footer have main part : - On the left with columns including the logo of the website and the address to be able to contact the manufacturer On the right with columns are famous places and experienced images at tourist sites Image 21: Footer website 3.3 Home Page The homepage is designed with the main content:  - The images are of famous tourist attractions 26 Image 22: Banner of home page - The interface of popular locations and descriptions of locations Image 23: Popular Destination - Introductory video about tourist attractions Image 24: Intro video on home page 3.4 About us page - Show more information about depth and history of the formation of website 27 Image 25: Story about us - Set out the basic goal of the website is to innovate and develop tourism products and services of good quality to meet the diverse and abundant needs of domestic and international customers Responsibility: Ensuring the values and benefits of customers as well as satisfying the needs of safety in the tourism service industry when customers use Wonder Place products Image 26: Mission we will on about us page - Some data collected since the website's inception 28 Image 27: Achievementsin about us page Image 3.8: Achievementsin about us page 3.5 Destination Page - This page will provide tourist attractions and information about the trip Image 28: Achievementsin on destinantion page - And there are stories about the trip listed under Share Your Story Image 29: A part of destination page 29 3.6 Blog Page - Blogs are organized into categories for easy search and interest Image 30: A part of blog page Image 31: A part of blog page - In addition, it also divides the blogs that are calculated and given by the system as the most popular today, videos, images, content, and so on Image 32: A part of blog page 30 3.7 Single-Blog Page - We will have posts on Single-Blog Image 33: A part of single-blog page - Places that have been visited Image 34: A part of single-blog page - Featured articles of the site Image 35: A part of single-blog page 31 - Most recent and old posts Image 36: A part of single-blog page 3.8 Contact page - Respond to your comments or suggestions here, or you can contact us via email, phone number, facebook page and more Image 37: A part of single-blog page 32 3.9 Login form Image 38: Login form 3.10 Tour booking form Image 39: A part of single-blog page - The interface is simple, easy to use and can book tours quickly when we click the Book Now buttons 33 34 CHAPTER CONCLUSION AND DEVELOPMENT 4.1 Conclusion The website have:  - View information of pages (Home, About, ) Can be viewed in many different browsers Beautiful interface, easy to use The website don’t have:   - Connect database Feature for Admin and separate page for Admin When put into actual operation on the host, the system cannot meet the demand for download speed 4.2 Development - Expand more resources for users Add features for Admin and separate pages for Admin Improve website processing speed Connect database Develop more functions suitable for the website such as booking tours, payment, hotel search, 35 LIST OF REFERENCES [1] https://developer.mozilla.org/ [2] https://www.w3schools.com/ [3] https://www.w3schools.com/html/default.asp [4] https://www.w3.org/ [5] https://vietnam.travel/ [6] https://www.klook.com/vi/ [7] And many other sites 36 ... BASIS 1. 1 Website overview 1. 1 .1 What is Website? .4 1. 1.2 What are the benefits of a website for businesses? .4 2 .1. 3 Purport of website 1. 2 Languages... Image 14 : Place table in database . 21 Image 15 : User table in database 22 Image 16 : Service table in database 22 Image 17 : Tour table in database 23 Image 18 : Service. .. .14 2 .1. 1 Purpose .14 2 .1. 2 System Description 14 2 .1. 3 Main functional 15 2.2 System analysis 16 2.2 .1 System Functional Modeling .16 2.2.2