TOURS AND TRAVEL DURING PANDEMIC Submitted in partial fulfilment of the requirements for the award of Degree of Bachelor of Technology in COMPUTER SCIENCE & ENGINEERING Submitted By: Sagar Chaurasia: - 10318210076 Devang Kothia: -10318210075 Sharma Swati: -10318210055 Under Supervision of Dr. Ajay Sharma Submitted To: DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING FACULTY OF ENGINEERING SRM UNIVERSITY DELHI-NCR Plot No.39, Rajiv Gandhi Education City, P.S. Rai, Sonepat, Haryana –131029 1 DECLARATION I hereby declare that the project work entitled “TOURS AND TRAVEL DURING PANDEMIC” submitted to the Department of Computer Science & Engineering of SRM University, Delhi-NCR, Sonepat, Haryana, (India), is a record of an original work done by us under the guidance of Dr. Ajay Sharma, and this project work is submitted in the partial fulfilment of the requirements for the award of the degree of Bachelor of Technology in Computer Science & Engineering. The results embodied in this project have not been submitted to any other University or Institute for the award of any degree or diploma. Sagar Chaurasia: - 10318210076 Devang Kothia: -10318210075 Sharma Swati: -10318210055 This is to certify that the above statement made by the candidate is correct to the best of my knowledge. Dr. Ajay Sharma The B. Tech. project viva-voce examination of Sagar chaurasia, Devang Kothia, Sharma Swati has been held on 2 External Examiner ACKNOWLEDGEMENT I would like to express my special thanks of gratitude to our supervisor Dr. Ajay Sharma for his continuous effort to guide us through our research and gave us the golden opportunity to do this wonderful project on the topic “Tours and travel during pandemic”. We learn to know about so many new things I am really very thankful to them. I also like to thank our parents and friends who helped me a lot in deciding and finalizing this project within the limited time frame. We want to thank S.R.M University / computer engineering techniques department for giving us the Right environment to complete our study. I am thankful in all humbleness and gratefulness to acknowledge my depth to all those who have helped me to put all these ideas, well above the level of simplicity. I perceive this opportunity as a big achievement in my career development. I will try to use gained skill and knowledge in the best possible way, and will continue to work on their improvement, in order to attain desired career objective. Hope to continue cooperation with all of you in the future time. 3 ABSTRACT The world tourism industry is facing the effect of the Covid-19. People aren’t ready to travel to other countries or even if they want to travel, they would have second thoughts of getting infected. Basically, they would have a lot of problems and perceptions while traveling to other countries. Also, people would not know what are the rules and regulations imposed at the destination country. There are a lot of cases when people plan to travel and due to some reasons related to pandemic like documents, restriction, quarantine, etc. they are sent back So, to avoid all this hustle we have come up with an exciting idea where we bring all this information under one roof where you can just enter the destination that you wish to travel and within a couple of minutes you get all the updated information regarding the rules and measures in that country. 4 LIST OF FIGURES Figure - 1 Website Screenshot – 19 Figure - 2 Website Screenshot – 19 Figure - 3 Website Screenshot – 20 Figure - 4 Website Screenshot – 20 Figure - 5 Website Screenshot – 21 Figure - 6 Website Screenshot – 21 Figure - 7 Website Screenshot – 21 5 LIST OF ABBREVIATION Covid – Corona Virus Disease HTML - Hypertext Markup Language CSS - Cascading Style Sheets JS - JavaScript API - Application programming interface 6 TABLE OF CONTENT TITLE PAGE I DECLARATION II ACKNOWLEDGEMENT III ABSTRACT IV LIST OF FIGURES V LIST OF ABBREVIATION VI TABLE OF CONTENT VII CHAPTER 1: INTRODUCTION 1. AIM 9 9 2. WEB DEVELOPMENT 9 3. PROBLEM STATEMENT 10 a. PROBLEM STATEMENT LIST 4. TOOLS AND TECHNOLOGIES 11 CHAPTER 2: LITERATURE SURVEY 1. SUMMARY OF PAPER STUDIED 10 12 12 2. INTEGRATED SUMMARY 12 CHAPTER 3: PROPOSED METHODOLOGY 1. DESCRIPTION 13 13 2. REQUIREMENTS 18 a. FUNCTIONAL REQUIREMENTS 18 b. NON-FUNCTIONAL REQUIREMENTS CHAPTER 4: RESULT & DISCUSSION 1. IMPLEMENTATION DETAILS 19 2. ISSUES AND DIFFICULTIES 21 a. LITERATURE REVIEW 22 b. PROGRAMMING LANGUAGE c. REPORT WRITING 22 3. RESULTS 19 22 7 22 18 CHAPTER 5: CONCLUSION AND FUTURE WORK 1. FINDING 23 2. CONCLUSION 23 3. FUTURE WORK 23 CHAPTER 6: 24 1. REFERENCES 24 8 23 CHAPTER 1: - INTRODUCTION 1.1 AIM The Tours and Travel Management System is a web-based application. The main purpose of “Tours and travels management system” is to provide a convenient way for a customer to book hotels, flight, train and bus for tour purposes The "Travel Website" has been developed to override the problems prevailing in traveling during pandemic. This software is supported to eliminate and, i n s o m e c a s e s , reduce the hardships faced by this existing system. Moreover, this system is designed for the particular need of the people to carry out operations in a smooth and effective manner. The application is reduced as much as possible to avoid errors while entering the data. It also provides error message while entering invalid data. No formal knowledge is needed for the user to use this system. Thus, by this all it proves it is user-friendly. Travel Website, as described above, can lead to error free, secure, reliable and fast management system.It can assist the user to concentrate on their other activities rather to concentrate on the record keeping. Thus, it will help organization in better utilization of resources. As technology advances internet is becoming ever popular. Website has become an essential part. Often website of an institution is used as major requirements to rate it. Thus, having a website is essential for any major organization. The world tourism industry is facing the effect of the Covid-19. People aren’t ready to travel to other countries or even if they want to travel, they would have second thoughts of getting infected. Basically, they would have a lot of problems and perceptions while traveling to other countries. Also, people would not know what are the rules and regulations imposed at the destination country. There are a lot of cases when people plan to travel and due to some reasons related to pandemic like documents, restriction, quarantine, etc. they are sent back 9 So, to avoid all this hustle we have come up with an exciting idea where we bring all this information under one roof where you can just enter the destination that you wish to travel and within a couple of minutes you get all the updated information regarding the rules and measures in that country. 1.2 PROBLEM DEFINITION Unlike normal website where you just book flights and hotels. We needed a website that tells us all the information regarding travel like the visa process or quarantine process. Thus, we thought of creating a website where we can add all the information in one place. 1.2 WEB DEVELOPMENT Web development, also known as website development, refers to the undertakings related with making, assembling, and keeping up with sites and web applications that run online on a program. It might, be that as it may, likewise incorporate website architecture, web programming, and information base administration. Web improvement is firmly identified with the occupation of planning the highlights and usefulness of applications (website architecture). The term improvement is generally held for the genuine development of these things (in other words, the programming of locales). The fundamental devices included are customizing dialects called HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), and JavaScript. There are, in any case, various different projects used to "oversee" or work with the development of locales that would somehow or another must be finished "without any preparation" by composing code. Various substance the board frameworks (CMS) fall into 10 this classification, including WordPress, Joomla! Drupal, TYPO3, and Adobe Experience Manager, among others. 1.3 PROBLEM STATEMENT 2 A website where people who wish to travel around the world can access the information regarding covid and different protocols that are set. 2.1 TOOLS AND TECHNOLOGIES 1. HTML 2. CSS 3. JavaScript 4. API 5. React 11 CHAPTER 2: - LITERATURE SURVEY 2.1 Summary of Paper Studied COVID-19 is a disease caused by a new strain of corona virus. 'CO' stands for corona, 'VI' for virus, and 'D' for disease. Previously, the disease was called '2019 novel corona virus' or '2019-nCoV.' It was first discovered in the southern Chinese city of Wuhan, paving its way to the United States and the rest of the devastating world in central Europe. The result has reached our country quickly and now there are now more than 200,000 cases in the country. The general public of the country has been facing lockdown since the last six months and is facing a lot of hardship and great fear in their minds. Many details have been published nationally but people are still unaware as the information is not provided systematically. As such, we come from all parts of the country analysing the situation so that we can provide relevant information to people. We therefore took this task as the responsibility for handling covid-19 emergencies. 2.2 Integrated Summary The main aim of this project or we can the basic abstract of this project is to present the covid cases worldwide and state wise specific of India that helps to know present cases around us. In this project we are going to fetch data from API and display it in the dashboard that we have created. What came to our mind that we chose this topic as our project is the as the corona cases are increasing, we need to know how many covid cases are currently present in our environment and take care of ourselves. 12 CHAPTER 3: - PROPOSED METHODOLOGY 3.1 DESCRIPTION As discussed, we are going to create a website where all the information regarding the travel protocols will be stated. Also, for this we will be using react js to create a map and when the cursor is hovered above any state or province, they the data regarding the covid cases and protocols. To keep the data updated we will be using API’s where the data gets automatically updated to give the latest information. Once this is achieved, we will be moving to next step that is to create a portal where passengers can book tickets and hotel arrangements and later on, we will introduce packages like for example a 5-day trip to all the tourist spots in that area. Data Collection method: Data have been collected from two sources. These are as under: Primary source and Secondary source The primary source of data includes the following: • Using free API’s • Working and handle some selection procedure. The secondary sources of data include as under: • Text book • Relevant web site links 13 3.1(a) TECHNOGOLGY USED The technical components of our proposed website are given below: (a) HTML HTML is an acronym which stands for Hyper Text Markup Language which is used for creating web pages and web applications. Let's see what is meant by Hypertext Markup Language, and Web page. Hyper Text: Hypertext simply means "Text within Text." A text has a link within it, is a hypertext. Whenever you click on a link which brings you to a new webpage, you have clicked on a hypertext. Hypertext is a way to link two or more web pages (HTML documents) with each other. Markup language: A markup language is a computer language that is used to apply layout and formatting conventions to a text document. Markup language makes text more interactive and dynamic. It can turn text into images, tables, links, etc. Web Page: A web page is a document which is commonly written in HTML and translated by a web browser. A web page can be identified by entering an URL. A Web page can be of the static or dynamic type. With the help of HTML only, we can create static web pages. 14 (b) CSS CSS is the language for describing the presentation of Web pages, including colours, layout, and fonts. It allows one to adapt the presentation to different types of devices, such as large screens, small screens, or printers. CSS is independent of HTML and can be used with any XML-based markup language. The separation of HTML from CSS makes it easier to maintain sites, share style sheets across pages, and tailor pages to different environments. This is referred to as the separation of structure (or: content) from presentation. (c) JAVASCRIPT JavaScript is a dynamic computer programming language. It is lightweight and most commonly used as a part of web pages, whose implementations allow client-side script to interact with the user and make dynamic pages. It is an interpreted programming language with object-oriented capabilities. JavaScript was first known as Live Script, but Netscape changed its name to JavaScript, possibly because of the excitement being generated by Java. JavaScript made its first appearance in Netscape 2.0 in 1995 with the name Live Script. The general-purpose core of the language has been embedded in Netscape, Internet Explorer, and other web browsers. 15 (d) REACT React.js is an open-source JavaScript library that is used for building user interfaces specifically for single-page applications. It’s used for handling the view layer for web and mobile apps. React also allows us to create reusable UI components. React was first created by Jordan Walke, a software engineer working for Facebook. React first deployed on Facebook’s newsfeed in 2011 and on Instagram.com in 2012. React allows developers to create large web applications that can change data, without reloading the page. The main purpose of React is to be fast, scalable, and simple. It works only on user interfaces in the application. This corresponds to the view in the MVC template. It can be used with a combination of other JavaScript libraries or frameworks, such as Angular JS in MVC. React JS is also called simply to React or React.js, (e) API An application programming interface, or API, enables companies to open up their applications’ data and functionality to external third-party developers, business partners, and internal departments within their companies. This allows services and products to communicate with each other and leverage each other’s data and functionality through a documented interface. Developers don't need to know how an API is implemented; they simply use the interface to communicate with other products and services. API use has surged over the past decade, to the degree that many of the most popular web applications today would not be possible without APIs. 16 17 3.2 REQUIREMENTS 3.2(a) FUNCTIONAL REQUIREMENTS These are the type of requirements that defines the functionalities of the system. Looking for the active cases, recovered cases and death. a. Designing wireframe of the website: -Designing basic wireframe of website that how will website showcase the information that we are going to fetch. b. Developing the front end of the website: -Making the front end of the website using the reference of the designed wireframe. c. Getting the active cases, recovered cases and death from API we have created: -Fetching the data of active cases, recovered cases and death from the API and displaying it on our site. d. Showing the information about cases: -Showing the fetched data using interactive map on website and connecting it to the front end of the website. 3.2(b) NON- FUNCTIONAL REQUIREMENTS These are requirements that illustrate aspects that can be used to analyze the website unnecessary features should be avoided so that the system should not be slow while processing data. i. No delay to get information: It gives real time experience by displaying information related about covid cases currently around us in time. 18 CHAPTER 4: - RESULT AND DISCUSSION 4.1 IMPLEMENTATION DETAILS The picture shows the look of the website that we have created. Figure. – 1 19 Figure. – 2 Figure. – 3 20 Figure. – 4 Figure. – 5 21 Figure. – 6 22 Figure. – 7 Our model has the dashboard which displays the active cases, recovered cases and death around the world and state wise in India as well. We have used different API to fetch data of the cases of the world and different API to get data for India state wise. First, we have created front dashboard which display the data using ReactJS and then we fetch the data about the covid cases worldwide and specific state wise of India. After retrieving data from the API, we show them using interactive map and stats. 4.2 ISSUES AND DIFFICULTIES While creating the map difficulties were faced because we were not able to get the proper api to show the updated data. 23 4.2(a) LITERATURE REVIEW During writing the report, most of the time was spent on writing the literature review, and summary because for this we need to study so many research papers to conclude our project uniquely. 4.3(b) PROGRAMMING LANGUAGE During developing the system, different programming languages needed to be learnt such as HTML, CSS, JavaScript and ReactJS and also, we were not that much familiar with these languages and how to use API’s knowing that the person who wrote the report is not a native English speaker. Therefore, much time had to be spent on grammar checking and analysing the style of writing. 4.2(c) REPORT WRITING For this project, writing the report was the most difficult section/part. Due to the fact that enough time was consumed thing and gathering the data and also knowing that the person who wrote the report is not a native English speaker. Therefore, much time had to be spent on grammar checking and analysing the style of writing. 4.3 RESULTS This allows user to involve real time access of the covid cases around them. With help of this website, we will be able to know covid cases around us and the cases in the state/country that we are travelling to. So, that we could take extra precautions 24 CHAPTER 5: - CONCLUSION AND FUTURE WORK 5.1 CONCLUSION These days as we know that people travel a lot from one country to another and also since pandemic is going on it is really difficult to travel safely. So we brought all this information under the same roof creating a environment where all the details regarding covid and its protocols will be stated. 5.2 FUTURE WORK The next step that we will be adding is about booking the flights and hotels for better travel experience. 25 CHAPTER 6: - REFERENCES 1. www.msdn.microsoft.com 2. www.phpcity.com 3. ww.phpgurukul.com 4. www.myproject.com 5. www.way3html.com 6. w3schools.com 26