Besut Campus Virtual Reality (Vr) 360 Degree Panoramic View
Total Page:16
File Type:pdf, Size:1020Kb
BESUT CAMPUS VIRTUAL REALITY (VR) 360 DEGREE PANORAMIC VIEW MUHAMMAD NAUFAL BIN FARID BACHELOR OF INFORMATION TECHNOLOGY (INFORMATIC MEDIA) WITH HONOURS UNIVERSITI SULTAN ZAINAL ABIDIN 2018 BESUT CAMPUS VIRTUAL REALITY (VR) 360 DEGREE PANORAMIC VIEW MUHAMMAD NAUFAL BIN FARID Bachelor Of Information Technology (Informatic Media) With Honours Universiti Sultan Zainal Abidin,Terengganu,Malaysia DECEMBER 2018 DECLARATION I hereby declare that this report is based on my original work except for quotations and citations, which have been duly acknowledged. I also declare that it has not been previously or concurrently submitted for any other degree at Universiti Sultan Zainal Abidin or other institutions ________________________________ Name : Muhammad Naufal bin Farid Date : 23 December 2018 i CONFIRMATION This is to confirm that: The research conducted and the writing of this report was under my supervision. ________________________________ Name : Dr Ismahafezi bin Ismail Tarikh : 23 December 2018 ii DEDICATION In the Name of Allah, the Most Gracious and the Most Merciful. Alhamdulillah, I thank God for His grace and grace, I can prepare and complete this report successfully. I am grateful and would like to express my sincere gratitude to my supervisor, Dr Ismahafezi bin Ismail for his invaluable guidance, continuous encouragement and constant support in making this research possible. I really appreciate his guidance from the initial to the final level that enabled me to develop an understanding of this project thoroughly. Without his advice and assistance, it would be a lot tougher for completion. I also sincerely thanks for the time spent proofreading and correcting my mistakes. I acknowledge my sincere indebtedness and gratitude to my parents for their love, dream and sacrifice throughout my life. I am really thankful for their sacrifice, patience, and understanding that was inevitable to make this work possible. Their sacrifice had inspired me from the day I learned how to read and write until what I have become now. I would like to take the opportunity to thank all lecturers of the Informatics and Computing Faculty for their attention, guidance, and advice in helping and sharing ideas and opinions in making this report successful. May Allah SWT bless to all the efforts that have been given in completing this report. Thank you iii ABSTRACT Sultan Zainal Abidin University (UniSZA) is a university located in the state of Terengganu, in the East Coast of Malaysia. UniSZA has three campuses in different places. The first camp known as the Gong Badak Campus is located in Gong Badak, Kuala Terengganu district. in Kuala Terengganu and is known as the City Campus. The third camp is the Besut Campus located in the Besut district of Terengganu. The Gong Badak campus is the main campus for UniSZA. My project focuses on the Besut campus between the Terenganu and Kelantan boundaries. UniSZA has two faculties and four blocks of residential colleges. The faculty located at Besut Campus is the Faculty of Informatics and Computing (FIK) with the Faculty of Biosumber and Food Industry (FBIM). The residential college has four blocks, three blocks in female students and one block in the male students. Besut campus also has lakes, multipurpose halls, fields and animal sanctuary as well as with farms used for students to do their crop project. Students should know the areas in Besut Campus to facilitate them to go to the area they want to go to. iv ABSTRAK Universiti Sultan Zainal Abidin(UniSZA) ialah universiti yang berada di negeri Terengganu iaitu di Pantai Timur Malaysia.UniSZA mempunyai tiga kampus yang berada di berlainan tempat.Kampus pertama di kenali sebagai Kampus Gong badak berada di daerah Gong Badak,Kuala Terengganu.Kampus kedua berada di Kuala Terengganu dan di kenali sebagai Kampus Kota.Kampus ketiga ialah Kampus Besut yang berada di daerah Besut,Terengganu.Kampus Gong badak merupakan kampus utama bagi UniSZA.Projek saya mengfokuskan kepada kampus Besut yang berada di antara sempadan Terenganu dan Kelantan.Kampus Besut UniSZA mempunyai dua fakulti dan empat blok kolej kediaman.Fakulti yang terdapat di Kampus Besut ialah Fakulti Informatik dan Komputeran (FIK) bersama Fakulti Biosumber dan Industri Makanan (FBIM).Blok kolej kediaman mempunyai empat blok iaitu tiga blok di diami oleh pelajar perempuan dan satu blok di diami oleh pelajar lelaki.Kampus Besut juga mempunyai tasik,dewan serbaguna,padang dan kawasan peliharaan haiwan serta dengan ladang yang digunakan untuk pelajar melakukan projek tanaman mereka.Pelajar haruslah mengetahui kawasan-kawasan di Kampus Besut supaya memudahkan mereka untuk pergi ke kawasan yang mereka ingin tuju. v TABLE OF CONTENT Halaman DECLARATION i CONFIRMATION ii DEDICATION iii ABSTRACT iv ABSTRAK v TABLE OF CONTENT vi LIST OF TABLES viii LIST OF ABBREVIATIONS/TERMS/SYMBOLS ix LIST OF FIGURES x CHAPTER 1 INTRODUCTION 1.1 Project Background 1 1.2 Problem Statement 3 1.3 Objective Study 3 1.4 Scope 4 1.5 Limitation Of Work 4 1.6 Expected Result 5 1.7 Activities, Milestones (Gantt Chart) 6 CHAPTER II LITERATURE REVIEW 2.1 Introduction 7 2.2 Virtual Reality (Vr) 360 Degree Panoramic View 8 2.3 Related Projects 9 2.3.1 UNISZA Website 2.3.2 Panoramas.Dk Website 10 2.3.3 360cities (VR) Website 11 2.3.4 Waze Application 12 2.3.5 Google Street View Application 13 2.4 Tools Use To Develop The Related Projects 14 2.4.1 PHP 14 2.4.2 MySQL 14 vi 2.4.3 Adobe Photoshop 14 2.4.4 Tourweaver 15 2.5 Summary Of Chapter 15 CHAPTER METHODOLOGY III 3.1 Introduction 16 3.2 System Development Methodology (Waterfall) 17 3.2.1 Requirement phase 18 3.2.2 Analysis Phase 18 3.2.3 Design Phase 19 3.2.4 Development and Implementation Phase 19 3.2.5 Deployment Phase 19 3.3 Framework 20 3.4 Context Diagram 21 3.5 Data Flow Diagram 22 3.6 Entity Relationship Diagram 23 3.7 Analysis Of System Requirements 24 3.7.1 Software Requirement 24 3.7.2 Hardware Requirement 25 3.8 Summary Of Chapter 25 REFERENCES 27 vii LIST OF TABLES TABLE TITTLE PAGE 1.7 Gantt Chart 4 3.1 Comparision table of existing project 18 3.2 Software requirement 24 3.3 Hardware requirement 25 viii LIST OF ABBREVIATIONS/TERMS/SYMBOLS VR Virtual Reality FYP Final year project CD Context Diagram DFD Data Flow Diagram ERD Entity Relationship Diagram ix LIST OF FIGURES FIGURE TITLE PAGE 2.1 UNISZA Website 9 2. 2 Panoramas.Dk Website 10 2..3 360cities (VR) Website 11 2.4 Waze Application 12 2.5 Google Street View Application 13 3.1 Waterfall method 17 3.2 Framework 20 3.3 Context Diagram 21 3.4 Data Flow Diagram 22 3.5 Entity relationship Diagram 23 x CHAPTER I INTRODUCTION 1.1 Project Background In chapter 1, there are five subtopics that we will briefly discuss. They have included an introduction, background of study, objectives, problem statement, and scope. The introduction discusses about basic information about this website while a background of study will explain about the area of research to set the context for a problem that which really happened. Problem statement will be discussing related issues in this project. Objectives will define all the main goal of this application. Lastly, a scope will elaborate more about where this website will take part in society. Panorama is the result of stitching multiple photos to one single image that covers a wide field of up to 360 degrees horizontally and 180 degrees vertically. There are 2 ways of displaying panorama. Firstly is a flat panorama. This panorama is a static image and it is not attractive which is the user cannot go through the image but only can just view the image. Secondly is unfold image and also known as a Spherical image. This Spherical image is not a static image and it is an interactive image which is user can view the image and go through the image, the user can pan around the picture,zoom in and out also can go to left and right at special view of the image using the interactive button that will be provided in the image. My project will use this spherical image inside the website. This Besut campus website (Besut 360) is an informal method that aims to make it easy for students to get information or to view Besut campus in real view 360 1 (panorama). This campus website is to show students through online about Besut campus without the student moving around and just browsing this website. This website contains images and information about the campus buildings. this website is developed to enable users or students to obtain the necessary information by accessing this website. In addition, these websites become more efficient when work such as searching, storing, updating and deleting information can be implemented more quickly and regularly. In this project will be entered into the process of inserting data and visualization of the campus environment. The technique to be adopted in the project is a 360 photography technique that is one of the techniques in virtual reality using original images. This project is developed exclusively for external users or new students who do not know the environments around campus that can help to facilitate the realization of information and scenery in real time and can promote UniSZA's bespoke campus to the outside community. Website habits focus only on providing information without showing pictures or directions but this website will include panorama view and graphic info that is more attractive to make it easier for users to browse. 2 1.2 Problem Statement The problem statement for this project is less of an interesting interface.