1 / 28

ONLINE VIRTUAL TOUR CREATOR

Explore the process of creating virtual tours through a browser-based application called "Virtual Tour Creator." Utilizing Agile methodology, this project involves storing, editing, and exporting panoramic images to provide interactive virtual experiences.

lindaz
Download Presentation

ONLINE VIRTUAL TOUR CREATOR

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. ONLINE VIRTUAL TOUR CREATOR Project Sponsored By Tietronix Inc. INSTRUCTOR: TEAM MEMBERS: Dr. SadeghDavariSupriyaHubli Naga Nandita Sanvelly MENTOR: SowmyaKongara Mr. Claus Nilsson Manisha Veerannagari

  2. AGENDA • VIRTUAL TOUR • AGILE • REQUIREMENT ANALYSIS • SOFTWARE AND HARDWARE REQUIREMENTS • USE CASE DIAGRAM • PHASE 1: PROJECT STATUS • PHASE 2: THINGS TO DO • TECHNOLOGIES USED • VISUAL STUDIO ONLINE TEAM SERVICES • NEW TECHNOLOGIES WE CAME ACROSS • PROBLEMS FACED • REFERENCES

  3. VIRTUAL TOUR • A virtual tour is usually a collection of panoramic images that are played in sequence to view like a moving video with added sound & text effects. • These tours provide information in such a way that users feel they are experiencing the information in real time. • Sample Virtual Tour: http://virtualrealestate3d.com/links/officespacedemo/ • Virtual Tours can be found on the web in many different scenarios.

  4. The main aim of this project is to create a browser-based application called “Virtual Tour Creator”, which is a process of linking panoramic images for creation of virtual tour. • A database or file system will be used to store the images uploaded by the user, their pending projects, and the finished tours. • This project helps save unfinished work, resume when the user wishes to and exports finished tours to the Virtual Tour Viewer.

  5. METHODOLOGY USED : AGILE • Agile software development is based on an incremental, iterative approach. • Open to changing requirements over time. • Cross-functional teams work on iterations of a product over a period of time. • The goal of each iteration is to produce a working product.

  6. ADVANTAGES OF AGILE • Change is embraced. • End-goal can be unknown. • Faster, high-quality delivery. • Strong team interaction. • Customers are heard. • Continuous improvement.

  7. LIFE CYCLE OF AGILE

  8. REQUIREMENT ANALYSIS • User should have a list of options called Menu to choose what to do. • Upload pictures on to a new project or fetch images that already exist. • Save work done/tours created on to the database. • Access saved work and resume work on the same project.

  9. REQUIREMENT ANALYSIS CNTD… • Change the order of images at any point of time. • Preview of the tour. • List of saved projects to choose from. • Upload images without worrying about any naming conventions. • Generate a JSON properties file.

  10. SOFTWARE AND HARDWARE REQUIREMENTS • Client environment: A. Win 7/8.1/10 1.Edge 2.Chrome 3.IE 4.FireFox B. Latest Mac OS 1.Safari 2.Chrome

  11. SOFTWARE AND HARDWARE REQUIREMENTS CNTD… • System requirements: • Compatible to run on 64-bit processors, with 4GB RAM. • Hardware: • Iris 360 degree camera to take property pictures.

  12. DESIGN : USE CASE DIAGRAM

  13. PHASE 1 : PROJECT STATUS • We have got a clear understanding of the Visual Studio Teams and Services and worked on creating user stories, epics and features. • Created a ASP.NET website which features the Home, Login, Abstract, Menu ,Technologies used, Contact Us pages. • We have implemented a drop down list called menu, which gives the user options to 1. Create a Virtual Tour and 2. Resume Work

  14. PHASE 1 : PROJECT STATUS CNTD… • We have implemented the drag and drop feature, where the user has to select thumbnail images from gallery above and drop them into a grid. • We have also provided the user a option to browse and upload new images into the project, by clicking the select and upload buttons. • Navigation of images to and fro has been implemented, we have also pointed arrows indicating paths to the next and previous images. • We have set up the SQL Database environment, so user could upload/fetch images/projects to/from the database.

  15. PHASE 1 : LOGIN PAGE

  16. PHASE 1 : HOME PAGE

  17. PHASE 1 : DRAG AND DROP FEATURE

  18. PHASE 2 : THINGS TO DO • In the phase 2, we will be working on the database connection to our project. • Algorithm to generate a JSON file. • Preview of the images that the user has uploaded, so the user could get an idea of how the tour would look. • Give unique names (ID’s) to each image that the user has uploaded at the database. • Display a list of projects, so the user could choose a project to work on in case of resuming work.

  19. TECHNOLOGIES USED • HTML 5 • CSS • ASP.NET • JAVASCRIPT • JSON/XML • SQL DATABASE/FILE SYSTEMS • Visual Studio Team Services • Visual Studio Community 2015

  20. SAMPLE XML PROPERTIES FILE

  21. VISUAL STUDIO ONLINE TEAM SERVICES • Visual Studio Team Services is basically a cloud development tool. • It is the fastest and easiest way yet to plan, build, and ship software across a variety of platforms. • Helps create a perfect environment for our team, we can code in any IDE/ language and build applications for any target platform. • We use this tool in our project to write user stories, update the status of our project and assign tasks to the team members.

  22. VISUAL STUDIO ONLINE TEAM SERVICES : FEATURES • Agile Tools • Git • Continuous Integration • Tools for Java Team • Package Management • Release Management • Testing • Reporting

  23. VISUAL STUDIO ONLINE TEAM SERVICES :ADVANTAGES • Stay connected from idea to release • Improve code quality and catch issues early • Automate and simplify your Azure deployments • Increase productivity with powerful features • Security, reliability and automatic updates – with Enterprise scale

  24. NEW TECHNOLOGIES WE CAME ACROSS : JSON JSON (JavaScript Object Notation ) • JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write.  • JSON is text, and we can convert any JavaScript object into JSON, and send JSON to the server. • JSON data can be stored in arrays. • In our project, we will be writing an algorithm that generates a JSON properties file, which will describe the coordinates at which images navigate from image to another.

  25. NEW TECHNOLOGIES WE CAME ACROSS : GIT WORKFLOW • Create a branch for the changes you plan to make and give it a name. • Commit changes to your branch. People often have multiple commits for a bug fix or feature. • Push your branch to the remote repository. • Create a pull request so other people can review your changes. To incorporate feedback, you might need to make more commits and push more changes. • Complete your pull request and resolve any merge conflicts from changes other people made after you created your branch.

  26. PROBLEMS FACED • How to implement the drag and drop feature, which technology to use? • Adding arrows in image stitching, to indicate users where to click to move to the next/previous image. • Learning JSON and figuring how to convert a XML file to JSON format. • Connecting to the database, trying to store and fetch images/projects. • Figuring how to provide unique ID’s to images uploaded by the user. • Cloning the ASP.NET website on to the visual studio repository and committing branches.

  27. REFERENCES • https://en.wikipedia.org/wiki/Virtual_tour • https://www.smartsheet.com/agile-vs-scrum-vs-waterfall-vs-kanban • https://www.visualstudio.com/en-us/docs/git/gitquickstart • http://www.easypano.com/video-tutorial/tourweaver-a-simple-demo.html

  28. THANK YOU

More Related